vue 修改 data 資料問題並實時顯示操作
阿新 • • 發佈:2020-09-08
首先,定義一個變數:
(以下以本人寫的為例)
首先定義一個變數:
然後,給變數賦值:
如果想要修改資料,主要程式碼如下:
然後介面上要記得繫結資料id:
就Ok了。
補充知識:vue data中陣列以及物件 屬性改變時不能及時反饋到檢視中問題的解決方式
1.vue 對陣列更新檢測 的機制又很明確的說明:
變異方法:Vue 包含一組觀察陣列的變異方法,所以它們也將會觸發檢視更新。
這些方法如下:
push()
pop()
shift()
unshift()
splice()
sort()
reverse()
2.第二種 方式是使用 VM.$set() 方法去給data中的屬性賦予新的值:
陣列例子 :
vm.$set(arry,index,value);
物件例子:
vm.$et(obj,key,value);
以上這篇vue 修改 data 資料問題並實時顯示操作就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。