VUE业务中数据绑定无效-this.$set来帮忙
这个方法之前看文档肯定是看到了,但是从来没有遇到问题,就抛之脑后了!这不遇到问题了还得请它来帮忙!
车祸现场
问题剖析
- 当你发现你给对象加了一个属性,在控制台能打印出来,但是却没有更新到视图上时,也许这个时候就需要用到this.$se来帮忙了!
- 官方解释:对于已经创建的实例,Vue 不允许动态添加根级别的响应式 property,。但是,可以使用 Vue.set(object, propertyName, value) 方法向嵌套对象添加响应式 property。
- Vue 不能检测以下数组的变动:当你利用索引直接设置一个数组项时,例如:vm.items[indexOfItem] = newValue
- Vue 不能检测以下数组的变动:当你修改数组的长度时,例如:vm.items.length = newLength
解决方案
//this.specImages[index] = fileList
this.$set(this.specImages,index,fileList)
使用“this.$set”解决战斗,VUE在开发的时候能遇到的问题都已经给了解决方案了!只能是自己不懂!
作者:xiaoyin199
来源:攸米教育
本文原创发布于攸米教育 ,转载请注明出处,谢谢合作