天天看點

【vue】使用v-model雙向綁定資料,改變一個data導緻多個data同時改變

場景:

        修改一個清單數組的一項,點選修改後彈出修改面闆,此時改變資料會導緻清單數組的那一項同時改變,頁面渲染也出現了變化。可是我們需要的是在使用者點選儲存後再修改到頁面。

頁面周遊cateList,修改第一項時定義cate = cateList[0]

頁面周遊cateList,修改第一項時定義cate = cateList[0]
此時若修改cate裡的資料,cateList[0]裡的資料也會同步修改
           
【vue】使用v-model雙向綁定資料,改變一個data導緻多個data同時改變

解決方案:

//在将cateList[0] 複制給cate時做一部JSON操作即可

let cate = JSON.stringify(this.cateList[0])
this.cate = JSON.parse(cate)