vue中 Vue.set 的使用

2019/07/27 15:44
阅读数 8
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(); //也可以用这个方法手动触发视图更改


 

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部