vue2.0深层数组嵌套的坑

Posted 2022-11-25 u013035477

大家好我是加班加到凌晨，还死皮赖脸的给大家分享技术博客的包子！

今天给大家讲个故事是我在项目中遇到的深层数组嵌套的时候绑定的数组进行赋值的时候竟然不同的数据绑定了同一个实例！

这个数组是这样的

 

[
		"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的坑，所以大家一开始定义的时候最好就弄好要绑定的格式。