背景：前端机器人对话 页面展示
如图这个对话框的源码如下
如图这个机器人的对话框就是靠遍历的msgList的msg.type不断生成各种类型的对话，图中只包含了一部分类型。
现在的问题是如果对话框渲染了多个MyComponent组件那么最新data数据也会影响之前显示在对话框上的组件，就会导致对话框里所有的这个组件被重新渲染，导致的问题如下图
而我希望先前渲染的组件不会被重新渲染，然而data变化必然会导致组件重新渲染
vue2，组件重复渲染问题
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
二九筒 2024-01-24 16:53关注你这个所有组件都是用的data这个参数啊 那肯定渲染出来的东西都是一模一样，要改的话只有通过for循环出来的参数在代入到data参数里面
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2021-10-18 17:21回答 4 已采纳 没有报错,查看一下传入数据是否正确,查看一下数据类型,字符串在js中也是可以便利的修改监听数据确认数据传入正确 watch: { rows(n) { this.row = Numb
- 2021-11-16 17:35回答 7 已采纳 1、vue组件化的初衷是为了把通用的功能抽离出来，减少代码之间的耦合，达到可复用的目的，这种写法无异于把变量定义在父组件，这样子组件也无法复用，还不如把表单等输入框直接写在父组件，还直观一些，你说对么
- 2022-07-05 17:21回答 4 已采纳 你想要达到接口在DOM渲染结束之前调用，可以放在created生命周期中调接口。
- 2024-01-24 16:55左小白的博客 最初我是直接获取这个数据（data）然后直接传递给组件MyComponent，这样会导致组件发生渲染，然后最开始的组件也会重复渲染，导致数据丢失。这部分代码是我自己定义的store模块存储数据，页面的MsgList中的数据就是...
- 2023-04-05 16:06回答 3 已采纳 Vue组件模板渲染过程通常包括以下几个步骤： 解析模板：Vue会解析组件模板，找到所有的指令和表达式，并对它们进行相应的处理。 创建渲染函数：Vue会将解析后的模板转换成渲染函数，并将其存储在内存中，
- 2022-02-17 18:04回答 2 已采纳 解决了，问题出在版本上，按照官方给出的"npm i --save ant-design-vue@next"安装完后，一直以为安装的是3.0.0-beta.10的版本，，最后去"package.json
- 2022-02-28 22:07回答 1 已采纳 matched 是你代码里的吗？ 你全局搜索一下
- 2023-01-30 16:40qq_52753722的博客 前端Vue
- 2021-08-30 11:17回答 2 已采纳 已经搞定了 谢谢 详情看 子组件内渲染问题,第一次进来无法渲染成功,第二次才行-前端-CSDN问答 CSDN问答为您找到子组件内渲染问题,第一次进来无法渲染成功,第二次才行相关问题答案，如果想
- 2022-09-28 21:44回答 2 已采纳 第一个问题：首先template只是一种声明式的模板语法，关于组件的写法，可以不使用template，你可以使用h渲染函数或jsx都ok。template的写法会更接近html，而且在编译时，会进行一
- 2022-03-28 19:12回答 2 已采纳 父子组件的加载顺序 父created->子created->子mounted->父mounted 看你的请求顺序 监听效果 这样就死循环了 一直在变更 一直在变更 你直接在子
- 2023-05-18 14:34风轻轻~的博客 属性，然后在需要重新渲染的时候，将组件绑定的。// 从 DOM 中删除 child 组件。// 在 DOM 中添加 child 组件。"子组件方法执行了,获取父组件的id："如果想让组件重新渲染，只需要给组件加上。
- 2022-03-08 16:04zhougl996的博客 vue 子组件V-IF刷新(一般) 组件会根据v-if刷新 <item-one v-if="isref" ref="itemOne"></item-one> Vue 子组件改变KEY值刷新(最好) 组件会根据key值改变重新生成 key值可以重复使用 item改变...
- 2022-03-31 14:01micoria的博客 场景：在组件内，搜索框进行搜索，再进入此页面搜索内容还在，如果没有清空搜索的方法，怎么办？ 也会想到会有几种解决办法：...vue 附带的 v-if 指令相当于判断，当组件为true时才会渲染；但是如果为false，那么这个组
- 2024-08-20 09:59yang295242361的博客 在开发 Vue.js 应用程序时，有时我们需要强制重新渲染组件以确保数据和视图同步。 在 Vue.js 中，组件的重新渲染通常是响应式数据变化自动触发的。然而，有时我们需要手动触发组件的重新渲染以确保数据和视图的同步...
- 没有解决我的问题, 去提问
问题事件
系统已结题
2月2日
已采纳回答
1月25日-
创建了问题
1月24日
悬赏问题
- ¥15 有两个非常“自以为是”烦人的问题急期待大家解决！
- ¥30 STM32 INMP441无法读取数据
- ¥100 求汇川机器人IRCB300控制器和示教器同版本升级固件文件升级包
- ¥15 用visualstudio2022创建vue项目后无法启动
- ¥15 x趋于0时tanx-sinx极限可以拆开算吗
- ¥15 pyqt信号槽连接写法
- ¥500 把面具戴到人脸上，请大家贡献智慧，别用大模型回答，大模型的答案没啥用
- ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面，不要作在线的，要离线状态。
- ¥15 各位 帮我看看如何写代码，打出来的图形要和如下图呈现的一样，急
- ¥30 c#打开word开启修订并实时显示批注