如何有效解决Vue中无限滚动导致的更新循环问题？

本文共计641个文字，预计阅读时间需要3分钟。

一个曾经遇到的问题+vue+警告：You may have an infinite update loop in a component render function+最近再写一个数组渲染时，源数据是拿到的数组经过排序后的数组，正常运行却出现红色报警：+报红

一个尤大大曾回复过的问题

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

最近再写一个数组渲染时，源数据是拿到的数组经过排序后的数组，正常运行却出现爆红：

报红代码：

computed: { ...mapState({ fromNames (state) { let fromNames = state.quote.fromNames; return fromNames.sort((a, b) => b.isBind - a.isBind);; }, }), },

然后...

然后百思不得解，最终找到源头：

你的确导致了一个无限循环， 因为array.sort()改变了数组自身，导致了过滤器又一次被触发。