本文介绍: 要解决此问题,请使用 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()
    }
}

原文地址:https://blog.csdn.net/sinat_29843547/article/details/135935992

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。

如若转载,请注明出处:http://www.7code.cn/show_63905.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除!

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注