【vue】v-for 使用 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()
    }
}

相关推荐

  1. Python循环语句——for循环嵌套使用

    2024-01-31 19:18:03       53 阅读
  2. vue for循环不建议使用index作为key原因

    2024-01-31 19:18:03       58 阅读
  3. 增强for循环for-each循环

    2024-01-31 19:18:03       25 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-31 19:18:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-31 19:18:03       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-31 19:18:03       82 阅读
  4. Python语言-面向对象

    2024-01-31 19:18:03       91 阅读

热门阅读

  1. 第二百九十六回

    2024-01-31 19:18:03       55 阅读
  2. WriteFlow写作流GPT应用,激发创意的写作助手

    2024-01-31 19:18:03       53 阅读
  3. Python 安装 llama 库

    2024-01-31 19:18:03       57 阅读
  4. 使用HSE配置系统时钟

    2024-01-31 19:18:03       56 阅读
  5. 前端网站website

    2024-01-31 19:18:03       66 阅读
  6. adb控制设备状态

    2024-01-31 19:18:03       70 阅读
  7. 华为HCIE课堂笔记第十七章 广域网互联技术

    2024-01-31 19:18:03       50 阅读
  8. Android 8.1 预置WIFI

    2024-01-31 19:18:03       51 阅读
  9. c++函数解释

    2024-01-31 19:18:03       56 阅读