vue2.0深层数组嵌套的坑

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

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

这个数组是这样的

 

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

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值