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();    在第一行加上 除自定义属性外都可以实时更新