出現vue.set()報錯怎么辦

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

本教程操作環境：windows7系統、Vue2.9.6版，該方法適用于所有品牌電腦。

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 ：重新賦的值

相關免費學習推薦：javascript（視頻）