vue的數據更新視圖不同步的處理用Vue.$set()

// vue的數據更新視圖不同步的處理用Vue.$set()
// 通過Vue.set方法設置data屬性vm.$set(最終值,數組索引,數組值) ==Vue.$set(arr,index,val)
vm.$set(self.newSelectArr,self.currIndex,self.currId);

 

Vue.set(this.item,"checked",false);//全局定義

//this.$set(this.item,"checked",false);//局部定義

一、在我們使用vue進行開發的過程中，可能會遇到一種情況：當生成vue實例后，當再次給數據賦值時，有時候並不會自動更新到視圖上去；

向響應式對象中添加一個屬性，並確保這個新屬性同樣是響應式的，且觸發視圖更新。它必須用於向響應式對象上添加新屬性，因為 Vue 無法探測普通的新增屬性 ，需要用vue內置的方法

二、Vue.set() 響應式新增與修改數據
此時我們需要知道Vue.set()需要哪些參數，官方API：https://cn.vuejs.org/v2/api/#Vue-set

調用方法：Vue.set( target, key, value )  或者  this.$set(target, key, value);

target：要更改的數據源(可以是對象或者數組)

key：要更改的具體數據

value ：重新賦的值，

調用：this.$set(target, key, value);

 

 

 

方法二：

this.$forceUpdate();    在第一行加上 除自定義屬性外都可以實時更新