uni-app及vue開發循環創建的input框,value改變一個都隨之改變的問題?

完美解決辦法,直接上案例!

數組:
var a = [1,2,3];
var b = a;
b.push(4); // b中添加了一個4
alert(a); // a變成了[1,2,3,4]
對象:
var obj = {a:10};
var obj2 = obj;
obj2.a = 20; // obj2.a改變了,
alert(obj.a); // 20,obj的a跟着改變 

這是我的循環代碼
循環創建的表格,裏面動態生成input,綁定value,結果就是一個框子改變值,其他的也變成的同樣的值;
這裏就需要用到深拷貝了,直接上代碼;

this.datalist ={
 //這是你循環時頁面用到的數據
}
 let obj={};  先創建一個對象
 obj=JSON.parse(JSON.stringify(this.templateData)); //這裏深拷貝一下,給obj賦值
 //這裏不可以直接obj = this.datalist,不然在你處理obj裏面的數據時this.datalist也會一起改變;
 //我們把obj裏面需要處理數據處理完之後再對this.datalist賦值,就完美解決了
 this.datalist = obj
 
 
```好了本期問題完美解決收官,如果在使用過程中遇到什麼問題歡迎在下方留言,希望可以幫到你!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章