出現(xiàn)vue.set()報(bào)錯怎么辦

vue.set()報(bào)錯的解決辦法：使用【Vue.set()】在data里的對象上增加屬性，代碼為【export default {data() {return {info: {width: '100'}}}】。

本教程操作環(huán)境：windows7系統(tǒng)、Vue2.9.6版，該方法適用于所有品牌電腦。

vue.set()報(bào)錯的解決辦法：

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

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

報(bào)錯：

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

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

拓展：

• Vue.set()響應(yīng)式新增與修改數(shù)據(jù)

• 調(diào)用方法：Vue.set( target, key, value )

• target：要更改的數(shù)據(jù)源(可以是對象或者數(shù)組)

• key：要更改的具體數(shù)據(jù)

• value ：重新賦的值

相關(guān)免費(fèi)學(xué)習(xí)推薦：javascript（視頻）