Vue 填坑记

2017-10-16  本文已影响3081人  董懂同学

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

出现这个问题,是因为我要给 v-for 里边的一个数组类型的 item 排序,如果是普通的绑定,用计算属性是搞定的。然而,这个牵扯到传参,计算属性用起来就不那么省心了,只能乖乖写个方法。虽然正常渲染,但是报错了:

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

经过一番跋涉,在vue issue 里边找到了尤大神的回复,不能直接用 sort ,要先 copy 一份再排序。

尤大神的回复

模版

<span>{{sort(item.rules)}}</span>

JS

sort(numbers) {
    return numbers.slice().sort((a, b) => {
        return b.value - a.value
    })[0].value
}
上一篇 下一篇

猜你喜欢

热点阅读