首頁 > web前端 > Vue.js > 出現vue.set()報錯怎麼辦

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

coldplay.xixi
發布: 2021-01-08 17:27:51
原創
2209 人瀏覽過

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

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

本教學操作環境: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)
        }
      }
    }
  }
登入後複製

報錯:

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

分析:無法在直接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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板