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 這個是你修改的數據

在取消按鈕不做操作 關閉彈框就行了

這樣功能就完成了