Ag-网格-事件和方法(Vuejs)

Question

我无法使用“保存”方法来保存对表数据的更改

我使用"cellValueChanged“方法来编辑和保存表格单元格。

<ag-grid-vue :cellValueChanged="save"></ag-grid-vue>

methods: {
    save() {
        const method = this.instituicao.id ? 'put' : 'post'
        const id = this.instituicao.id ? `/${this.instituicao.id}` : ''
        axios[method](`${baseApiUrl}/instituicao${id}`, this.instituicao)
            .then(() => {
                this.$toasted.global.defaultSuccess()
                this.reset()
            })
            .catch(showError)
},

错误消息：在这里输入图像描述

Answer 1

若要达到预期结果，请使用@cell-value-changed的事件回调。

1. 将事件更改为@单元格值-更改=“保存”
2. 使用事件回调获取单元格的旧值和新值

 `save(event) {                     console.log('onCellValueChanged: ' + event.oldValue + ' to ' + event.newValue);                 }` 

1. 从事件回调中获取必需的id值，并将其用于POST调用