vuejs 数据视图不更新

由于 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

  

posted @ 2019-07-16 19:59  我想当个土老板  阅读(563)  评论(0编辑  收藏  举报