【vue】v-for 使用 Array.prototype.reverse() 的无限更新循环

本文介绍: 要解决此问题，请使用 computed items[] 的浅拷贝上的属性(例如，使用 Array 解构 […Vue 获取此更改并同时触发 v-for重新评估，触发另一个 .reverse() .这会触发 Vue 重新渲染，导致 .reverse()[Vue 警告] 组件渲染函数中可能存在无限更新循环。Array.prototype.reverse 实际上修改了它应用于的数组.

v-for="item in items.reverse()"

[Vue 警告] 组件渲染函数中可能存在无限更新循环。infinite loop update

Array.prototype.reverse 实际上修改了它应用于的数组.

Vue 获取此更改并同时触发 v-for重新评估，触发另一个 .reverse() .这会触发 Vue 重新渲染，导致 .reverse()

要解决此问题，请使用 computed items[] 的浅拷贝上的属性(例如，使用 Array 解构 […this.items] 作为反向列表:

computed: {
    itemsReverse() {
      return [...items].reverse()
    }
}

显示所有内容

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

相关文章

发表回复 取消回复

发表回复取消回复