脚本宝典收集整理的这篇文章主要介绍了出现vue.set()报错怎么办,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
Vue.set()报错的解决办法:使用【Vue.set()】在data里的对象上增加属性,代码为【export default {data() {return {info: {width: '100'}}}】。
本教程操作环境:windows7系统、Vue2.9.6版,Dell G3电脑。
vue.set()报错的解决办法:
使用Vue.set()
直接在data上增加属性
export default { data() { return { width: '100' } }, methods: { scrollFn(e) { Vue.set(this.data, 'height', 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 )
key
:要更改的具体数据
value
:重新赋的值
相关免费学习推荐:javascript(视频)
以上就是出现vue.set()报错怎么办的详细内容,更多请关注脚本宝典其它相关文章!
以上是脚本宝典为你收集整理的出现vue.set()报错怎么办全部内容,希望文章能够帮你解决出现vue.set()报错怎么办所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。