Vue关于对象更新 视图不更新的解决办法

 

在Vue中对象属性更新或者数组内对象属性并不会更新视图这里记录下解决办法

1.对象的更新
  比如有个学生的对象实例student ,如果我们直接student.age = 18 这个时候视图中引用的age并不会更新
所以我们可以这样做  
  1. student = Object.assign({},student,{"age":18})
 这样视图就更新了
2.数组中对象的更新
直接上解决办法
  1. //list中存放的是student对象
  2. var item = list[index];
  3. item.age = 18;
  4. Vue.set(list,index,item);

未经允许不得转载:华仔的回忆 » Vue关于对象更新 视图不更新的解决办法

赞 (0)
分享到:更多 ()

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址