vue解决组件重复渲染问题

背景:机器人对话框

源码:最初我是直接获取这个数据(data)然后直接传递给组件MyComponent,这样会导致组件发生渲染,然后最开始的组件也会重复渲染,导致数据丢失。

解决办法:存储每次渲染的数据并且存储到最外层的循环中

修改如下

这部分代码是我自己定义的store模块存储数据,页面的MsgList中的数据就是一条条记录的数据

然后使用这个数组中存储的数据这样,循环中每个组件都有自己的数据渲染,就不会造成影响了

相关推荐

  1. Vue:多组件样式冲突问题解决

    2024-01-29 10:06:01       26 阅读
  2. vue 重新渲染dom

    2024-01-29 10:06:01       18 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-01-29 10:06:01       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-29 10:06:01       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-29 10:06:01       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-29 10:06:01       18 阅读

热门阅读

  1. IndexedDB

    IndexedDB

    2024-01-29 10:06:01      38 阅读
  2. 1.4编程基础之逻辑表达式与条件分支

    2024-01-29 10:06:01       25 阅读
  3. MySQL中四种索引类型

    2024-01-29 10:06:01       29 阅读
  4. 从微服务到云原生

    2024-01-29 10:06:01       34 阅读