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

vue.set()報錯的解決方法：使用【Vue.set()】在data裡的物件上增加屬性，程式碼為【export default {data() {return {info: {width: '100'}}}】。

本教學操作環境：windows7系統、Vue2.9.6版，Dell G3電腦。

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, 值 )

• target：要更改的資料來源(可以是物件或陣列)

• #key：要更改的具體資料

• #value ：重新賦的值

#相關免費學習推薦：javascript（影片）

#

以上是出現vue.set()報錯怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！