出现vue.set()报错怎么办(2)-木庄网络博客

2022-04-18 03:13:35 PHP中文网 JavaScript 344 0 百度已收录

分析：不能在直接data上增加属性，可以在data里的对象上增加属性，例如：

export default {
  data() {
    return {
  info: {
    width: '100'
  }
    }
  },
  methods: {
      scrollFn(e) {
       Vue.set(this.info, 'height', 0)
      }
    }
  }
}

拓展：

Vue.set()响应式新增与修改数据
调用方法：Vue.set( target, key, value )
target：要更改的数据源(可以是对象或者数组)
key：要更改的具体数据
value ：重新赋的值

相关免费学习推荐：javascript（视频）

以上就是出现vue.set()报错怎么办的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » 出现vue.set()报错怎么办

出现vue.set()报错怎么办

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论