Vue.set()動態(tài)的新增與修改數據,觸發(fā)視圖更新的方法
更新時間：2018年09月15日 15:42:56 作者：葉落森
今天小編就為大家分享一篇Vue.set()動態(tài)的新增與修改數據,觸發(fā)視圖更新的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
參數：
target：要更改的數據源(可以是對象或者數組)
key：要更改的具體數據(可以是字符串和數字)
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()不光能修改數據，還能添加數據
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)的新增與修改數據,觸發(fā)視圖更新的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
vue在線預覽word、excel、pdf、txt、圖片的方法實例
最近工作中遇到了一個需要在線預覽文件的需求,所以這篇文章主要給大家介紹了vue在線預覽word、excel、pdf、txt、圖片的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-11-11
通過本文,您可以了解如何使用Vue CLI創(chuàng)建Vue 3項目,配置Vite,利用其優(yōu)勢進行開發(fā),具有一定的參考價值,感興趣的可以了解一下2023-08-08
下面小編就為大家分享一篇解決iView中時間控件選擇的時間總是少一天的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要為大家詳細介紹了在Vue3組合式API中如何優(yōu)化列表渲染性能,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2024-12-12
解決ant Design中Select設置initialValue時的大坑
這篇文章主要介紹了解決ant Design中Select設置initialValue時的大坑，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
table作為數據展示組件,在日常開發(fā)中經常被用到,這篇文章主要給大家介紹了關于vue.js管理后臺table組件封裝的相關資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2021-08-08
本文主要介紹了Vue3管理后臺項目使用高德地圖選點的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-07-07
本篇文章主要介紹了VueJS組件之間通過props交互及驗證的方式，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-09-09
這篇文章主要介紹了Vue中的Props(不可變狀態(tài)),本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2018-09-09
這篇文章主要介紹了Vue.Draggable實現(xiàn)拖拽效果，使用簡單方便 ，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06