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

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

以上就是出現vue.set()報錯怎麼辦的詳細內容，更多請關注TW511.COM其它相關文章！