今天遇到一个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小记,有问题望大佬指点一二。