天天看点
返回

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

注意直接使用数组的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:[,,,,,,,,,,,,,,,]
        },
        /* 数组自己的,会报错
        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-;i>=;i--){
                    newArr.push(value[i])
                }
                return newArr;
            },
            sumCount(value){
                var sum=;
                for(var i of value){
                    sum+=i;
                }
                return sum;
            }
        }
    })
</script>
vue vue循 loop
上一篇: handle机制：Loop死循环为何不会导致应用卡死，主线程死循环为何不会消耗CPU资源
下一篇: VUE+ELEMENT:表格渲染导致的 异常:You may have an infinite update loop in a component render function

继续阅读