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

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

這樣功能就完成了