vuejs 数据视图不更新

Posted 2022-04-19 tudan

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