溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下Vue.set()如何實現(xiàn)動態(tài)新增與修改數(shù)據(jù)以及觸發(fā)視圖更新，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
參數(shù)：
target：要更改的數(shù)據(jù)源(可以是對象或者數(shù)組)
key：要更改的具體數(shù)據(jù)(可以是字符串和數(shù)字)
value ：重新賦的值
用法：向響應(yīng)式對象中添加一個屬性，并確保這個新屬性同樣是響應(yīng)式的，且觸發(fā)視圖更新。
例：
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()不光能修改數(shù)據(jù)，還能添加數(shù)據(jù)
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()如何實現(xiàn)動態(tài)新增與修改數(shù)據(jù)以及觸發(fā)視圖更新”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼