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

来源：互联网发布：javascript new关键字编辑：程序博客网时间：2024/05/24 04:36

注意直接使用数组的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>

阅读全文

0 0