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 )
-
target
:要更改的数据源(可以是对象或者数组) -
key
:要更改的具体数据 -
value
:重新赋的值