溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下Vue.set()如何實現動態新增與修改數據以及觸發視圖更新，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
參數：
target：要更改的數據源(可以是對象或者數組)
key：要更改的具體數據(可以是字符串和數字)
value ：重新賦的值
用法：向響應式對象中添加一個屬性，并確保這個新屬性同樣是響應式的，且觸發視圖更新。
例：
data:{
namelist:[
{message:"葉落森",id:"1"},
{message:"姜艷霞",id:"2"},
{message:"姜小帥",id:"3"}
]
}, Vue.set(this.namelist,1,{message:"yeluosen",id:"1"})注：Vue.set()在methods中也可以寫成this.$set()
Vue.set()不光能修改數據，還能添加數據
data:{
items:[
{message:"Test one",id:"1"},
{message:"Test two",id:"2"},
{message:"Test three",id:"3"}
]
},var itemLen=this.items.length;
Vue.set(this.items,itemLen,{message:"Test add attr",id:itemLen});以上是“Vue.set()如何實現動態新增與修改數據以及觸發視圖更新”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
