vue中 Vue.set 的使用

Vue.set(vm.items, indexOfItem, newValue)
1、vm.items :源数据;
2、indexOfItem : 要修改的数据的键
3、newValue : 要修改的数据

let a = [
    {name:'张三',age:'20',sex:1},
    {name:'李四',age:'21',sex:0},
    {name:'王五',age:'22',sex:1},
]

此时要修改李四的  age 为 19 ,如果直接修改,vue是获取不到的,就需要借助 $set 来手动触发改变。

a[1].age = 19;//此时可以知道修改完后的数据的键是 1 所以:
Vue.set(a,1,a[1]);//就可以改了
这时候 a 是源数据, 1 是键, a[1]是修改后的数据
 
 Vue.forceUpdate(); //也可以用这个方法手动触发视图更改


猜你喜欢

转载自www.cnblogs.com/xinchenhui/p/11255353.html