Vue.set()動態(tài)的新增與修改數(shù)據(jù),觸發(fā)視圖更新的方法
更新時間：2018年09月15日 15:42:56 作者：葉落森
今天小編就為大家分享一篇Vue.set()動態(tài)的新增與修改數(shù)據(jù),觸發(fā)視圖更新的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
參數(shù)：
target：要更改的數(shù)據(jù)源(可以是對象或者數(shù)組)
key：要更改的具體數(shù)據(jù)(可以是字符串和數(shù)字)
value ：重新賦的值
用法：向響應式對象中添加一個屬性，并確保這個新屬性同樣是響應式的，且觸發(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()動態(tài)的新增與修改數(shù)據(jù),觸發(fā)視圖更新的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
Vue Router是Vue.js的官方路由器,它與Vue.js核心深度集成,使使用Vue.js構建單頁應用程序變得輕而易舉,下面這篇文章主要給大家介紹了關于Vue3實現(xiàn)路由跳轉的相關資料,需要的朋友可以參考下2022-08-08
vue-resource?獲取本地json數(shù)據(jù)404問題的解決
這篇文章主要介紹了vue-resource?獲取本地json數(shù)據(jù)404問題的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了使用Vue逐步實現(xiàn)Watch屬性詳解，watch對象中的value分別支持函數(shù)、數(shù)組、字符串、對象，較為常用的是函數(shù)的方式，當想要觀察一個對象以及對象中的每一個屬性的變化時，便會用到對象的方式2022-08-08
本文主要介紹了vue實現(xiàn)excel表格的導入導出的示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-04-04
在Vue應用中，通常需要將一些狀態(tài)進行持久化，以便在用戶關閉瀏覽器或刷新頁面后，常見的方法就是LocalStorage和SessionStorage，所以本文就來講講這兩種方法的具體實現(xiàn)吧2023-06-06
這篇文章主要介紹了Ant Design Vue Table組件合并單元格方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
這篇文章主要介紹了vue-cli使用rem,vue自適應，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-05-05
這篇文章主要介紹了詳解element-ui中form驗證雜記，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-03-03
這篇文章主要介紹了解決vue字符串換行問題(絕對管用)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
今天小編就為大家分享一篇Vue實現(xiàn)點擊按鈕復制文本內容的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11