vue2.0深層陣列巢狀的坑
阿新 • • 發佈:2019-02-08
大家好我是加班加到凌晨,還死皮賴臉的給大家分享技術部落格的包子!
今天給大家講個故事是我在專案中遇到的深層陣列巢狀的時候繫結的陣列進行賦值的時候竟然不同的資料綁定了同一個例項!
這個陣列是這樣的
[{ "categoryAttrId": 123, "attName": "尺碼", "indexId": 2, "sizes": [{ "id": 22, "value": "", "valueAlias": "#009900", "indexId": 2, "checkCode": [{ 'input': "", 'msg': "" }], }], ]
沒錯就是這樣一個套了三層的陣列,我當時在對最後一層的checkCode進行賦值的時候發現另外的一個input框跟他是繫結的一個例項具體是這樣做的
sonItem['checkCode']=[{{
'input': "",
'msg': ""
}];
沒錯這樣是錯的,但是如果改成
var a=[{{
'input': "",
'msg': ""
}];
sonItem['checkCode']=a;
這樣就可以了,其實到現在小編還是不知道是為啥,這是一個vue2的坑,所以大家一開始定義的時候最好就弄好要繫結的格式。