码迷,mamicode.com
首页 > Web开发 > 详细

vuejs 数据视图不更新

时间:2019-07-16 20:15:13      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:但我   sign   lis   time   fps   数组   数据   assign   ext   

由于 JavaScript 的限制,Vue 不能检测对象属性的添加或删除

可以使用 Vue.set(object, key, value) 方法向嵌套对象添加响应式属性
数组
this.$set(arr,index,val)
  
使用 Object.assign() 或 _.extend() 方法来添加属性
this.someObject = Object.assign({}, this.someObject, { a: 1, b: 2 })

终于知道原因了,我获取的数据对象有a,b,c 属性,但我使用的是 本地定义的 d属性,然后将 c的值赋给d,这样赋值没问题,但是由于vue的响应式更新机制,是无法监测对象新增的属性,所以必须要用 vue.$set()方法来添加新的属性,达到响应式更新

if (i.name === file.name) {
i[‘up_status‘] = 1 //0上传失败
this.$set(fileList, index, i)
}

转自:https://blog.csdn.net/time__flies_/article/details/78039191?locationNum=8&fps=1

  

vuejs 数据视图不更新

标签:但我   sign   lis   time   fps   数组   数据   assign   ext   

原文地址:https://www.cnblogs.com/tudan/p/11197126.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!