企业项目管理、ORK、研发管理与敏捷开发工具平台

网站首页 > 精选文章 正文

VUE业务中数据绑定无效-this.$set来帮忙

wudianyun 2024-12-18 14:05:46 精选文章 22 ℃

这个方法之前看文档肯定是看到了,但是从来没有遇到问题,就抛之脑后了!这不遇到问题了还得请它来帮忙!

车祸现场

效果

代码

问题剖析

  1. 当你发现你给对象加了一个属性,在控制台能打印出来,但是却没有更新到视图上时,也许这个时候就需要用到this.$se来帮忙了!
  2. 官方解释:对于已经创建的实例,Vue 不允许动态添加根级别的响应式 property,。但是,可以使用 Vue.set(object, propertyName, value) 方法向嵌套对象添加响应式 property。
  3. Vue 不能检测以下数组的变动:当你利用索引直接设置一个数组项时,例如:vm.items[indexOfItem] = newValue
  4. Vue 不能检测以下数组的变动:当你修改数组的长度时,例如:vm.items.length = newLength

解决方案

//this.specImages[index] = fileList
this.$set(this.specImages,index,fileList)

使用“this.$set”解决战斗,VUE在开发的时候能遇到的问题都已经给了解决方案了!只能是自己不懂!


作者:xiaoyin199

来源:攸米教育

本文原创发布于攸米教育 ,转载请注明出处,谢谢合作

Tags:

最近发表
标签列表