站长资讯网
最全最丰富的资讯网站

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

vue.set()报错的解决办法:使用【Vue.set()】在data里的对象上增加属性,代码为【export default {data() {return {info: {width: '100'}}}】。

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

本教程操作环境:windows7系统、Vue2.9.6版,该方法适用于所有品牌电脑。

vue.set()报错的解决办法:

使用Vue.set()直接在data上增加属性

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

报错:

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

分析:不能在直接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(视频)

赞(0)
分享到: 更多 (0)
网站地图   沪ICP备18035694号-2    沪公网安备31011702889846号