1. 程式人生 > >vue 表格資料編輯,點選取消或者完成按鈕後,關閉編輯狀態沒有及時生效

vue 表格資料編輯,點選取消或者完成按鈕後,關閉編輯狀態沒有及時生效

點選編輯按鈕:

編輯狀態下,表格可以編輯。但是點選“確認”或者“取消”按鈕,列資料編輯狀態已經修改,但是檢視沒有改變。 

頁面程式碼:

獲取當前行的index,並直接修改當前行用於判斷是否編輯狀態的資料為false(不可編輯);

 

根本原因是因為vue的檢視更新不及時問題導致。

解決方法:

需要使用vue.set()方法進行修改資料才可以立刻更新檢視