vue中 Vue.set 的使用


Vue.set(vm.items, indexOfItem, newValue)
1、vm.items :源數據;
2、indexOfItem : 要修改的數據的鍵
3、newValue : 要修改的數據

let a = [
    {name:'張三',age:'20',sex:1},
    {name:'李四',age:'21',sex:0},
    {name:'王五',age:'22',sex:1},
]

 

此時要修改李四的  age 為 19 ,如果直接修改,vue是獲取不到的,就需要借助 $set 來手動觸發改變。

 

a[1].age = 19;//此時可以知道修改完后的數據的鍵是 1 所以:
Vue.set(a,1,a[1]);//就可以改了
這時候 a 是源數據, 1 是鍵, a[1]是修改后的數據
 
 Vue.forceUpdate(); //也可以用這個方法手動觸發視圖更改


 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM