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