报错You may have an infinite update loop in a component render function.

今天遇到一个vue的报错
You may have an infinite update loop in a component render function.
出现问题的代码:

select_toString(select){
	if(select.length){
		return select.sort().join('')
	}else{
		return '空'
	}
}

bug的问题:sort()方法,对原数组进行操作,不是返回操作后的新数组。
总结原因:在vue的v-for循环中,不能对循环的数组里的对象的数组进行操作,也就是不能对state的值改变。

解决方法:拷贝一个数组再操作然后通过方法把值返回回去。

select_toString(select){
  let arr = [...select]
  if(arr.length){
    return arr.sort().join('')
  }else{
    return '空'
  }
}

bug小记,有问题望大佬指点一二。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值