您的位置：首页 > 运维架构

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

2017-08-04 17:50 1301 查看

注意直接使用数组的reverse()函数可能会引起循环引用,

reArr(value){
return value.reverse()
}

错误信息

[Vue warn]: You may have an infinite update loop in a component render function.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
//导入Vue.js
<script type="text/javascript" src="./vue.js"></script>
</head>
<body>
<div id="app">
<span>{{msg | reverseStr| appendStr}}</span>
<span>{{arr | deleteRepeate|reverseArr}}</span>
<span>{{arr | reverseArr}}</span>
<span>{{msg}}</span>
</div>
</body>
</html>
<script type="text/javascript">
new Vue({
el:"#app",
data:{
msg:"我你",
arr:[1,2,3,4,5,6,3,4,4,3,2,4,6,7,8,9]
},
/* 数组自己的,会报错
reArr(value){
return value.reverse();

}*/
filters:{
//修改后的
reverseStr(value){
return value.split("").reverse().join('');
},
appendStr(value){
return value+"是真的吗？"
},
deleteRepeate(value){
var set=new Set(value);
return Array.from(set);
},
reverseArr(value){
var newArr=[];
for(var i=value.length-1;i>=0;i--){
newArr.push(value[i])
}
return newArr;
},
sumCount(value){
var sum=0;
for(var i of value){
sum+=i;
}
return sum;
}
}
})
</script>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： vue vue循 loop

相关文章推荐

新的分享

章节导航