Vue中的$set方法是為了解決在對象或數組上添加新的屬性時無法觸發更新視圖的問題而存在的。
$set方法的作用是在對象或數組上添加一個新的屬性或元素,并通知Vue響應式地更新視圖。例如,如果我們在data里定義了一個數組:
data(){
return {
list: [1, 2, 3]
}
}
然后我們在某個方法中給數組添加一個新元素:
addItem(){
this.list.push(4);
}
這樣做是沒有問題的,數組里已經添加了新的元素4。但是如果我們用Vue開發的話,視圖不會自動更新顯示新添加的元素。為了讓視圖能夠響應式地更新,我們可以使用$set方法:
addItem(){
this.$set(this.list, 3, 4);
}
這里的意思是在list數組的下標3處添加一個值為4的元素。$set接收的第一個參數是要添加元素的對象或數組,第二個參數是添加元素的位置,第三個參數是要添加的元素的值。
上一篇dockersdkc
下一篇css動畫效果和過渡