vue的v-model绑定数据问题

  在个人项目中有一个这样的功能模块：

　　咱们修改数据全是在前台的table中修改，而后把这个table的值带到后台。（理想：修改值后，点击确认值改变，点击取消值恢复原来的值）那么问题就来了：

a)你修改值的时候这时候vue 的v-model的双向绑定这个特性就体现出来了。

因此咱们在修改的那个方法中加入

editDirector(row, _index) {
    let _row = JSON.parse(JSON.stringify(row));
    this.editForm = _row;加入以上两句
    this.selected = _index;这个是我标记修改的是哪个  在data return定义 selected: -1, //记录修改位置  一个负值就好了
},

这时候v-model双向绑定这个特性就没了。

下面就考虑点击肯定就修改，取消则不变：

在script 引入

import Vue from 'vue'

在肯定按钮上加上

Vue.set(this.tbAddManagementChangeRecord, this.selected, this.editForm);

this.tbAddManagementChangeRecord 这个是table因此的数据，

this.selected 这个是你所记录要修改table的哪条记录，

this.editForm 这个是你修改的数据

在取消按钮不作操做 关闭弹框就好了

这样功能就完成了