Vue中this set的使用

2021-10-08 20:41:49 字數 480 閱讀 3291

一、什麼是this.$set,實現了什麼功能

this.$set向響應式物件中新增乙個屬性,並確保這個新屬性同樣是響應式的,且觸發檢視更新,用於向響應式物件上新增新屬性,因為 vue 無法探測普通的新增屬性 (比如 this.myobject.newproperty = 'hi'),你會發現vue官網是vue.set。這個this.$set()和它有什麼關係呢?咱先說this.$set(),因為他們倆的區別就涉及原理問題。

二、使用this.$set

物件中使用:

三個引數:this.$set("改變的物件","改變的物件屬性","值")

陣列中使用:

三個引數:this.$set("改變的陣列","下標","值")

vue中this set的用法

1.this.set實現什麼功能,為什麼要用它?2.怎麼用它?3.應用場景 1.this.set實現什麼功能,為什麼要用它?當你發現你給物件加了乙個屬性,在控制台能列印出來,但是卻沒有更新到檢視上時,也許這個時候就需要用到this.set 這個方法了,簡單來說this.set的功能就是解決這個問題的...

vue中 this set的用法詳解

for item in items key item.id p btn click handclick 更改資料 button div template export default,mounted 此時物件的值更改了,但是檢視沒有更新 let art this.set this.items,0,a...

this set的引數和用法

target 要更改的資料來源 可以是物件或者陣列 key 要更改的具體資料 可以是字串和數字 value 重新賦的值 用法 向響應式物件中新增乙個屬性,並確保這個新屬性同樣是響應式的,且觸發檢視更新。注 vue.set 在methods中也可以寫成this.set vue.set 不光能修改資料,...