當前位置:編程學習大全網 - 網站源碼 - vue 中的Vue.set 和 this.$set 的區別

vue 中的Vue.set 和 this.$set 的區別

2019年8月14號上午,有個需求為,根據點擊的按鈕 聯動壹個下拉列表,如,點擊“全部”,下拉列表顯示所有的選項,點擊“待申請”,下拉列表顯示 待申請的選項。

想要改變vue中數組,並且被實時自動檢測數組的變動,且渲染頁面。就用Vue的set方法

受 ES5 的限制,Vue.js 不能檢測到對象屬性的添加或刪除。因為 Vue.js 在初始化實例時將屬性轉為 getter/setter,所以屬性必須在 data 對象上才能讓 Vue.js 轉換它,才能讓它是響應的。

有,Vue.set 和this.$set 兩種方法,

例子:

1.Vue.set 可以設置實例創建之後添加的新的屬性,(在data裏未聲明的屬性),而。this.$set只能設置實例創建後存在的屬性。

Vue.set(target,key,value)

target:目標數組,可是Object可是Array,

key:要改變的屬性,可為string,可為number

value:any

返回值:設置的目標

  • 上一篇:跪求生存之路2136多特蒙德回血外掛
  • 下一篇:請問現在企業編寫C++用的最多的是VS還是VC?謝謝
  • copyright 2024編程學習大全網