Vue变量的数据已更新，但for遍历出的dom元素没有变化的解决办法

时间：2023-01-22 17:44:19浏览次数：34

标签：解决办法遍历 dom Vue key 组件

原因

如果使用了 v-for 指令来渲染一组组件，那么每个组件都会被分配一个唯一的 key 值。当数据源发生变化时，Vue 会尝试重用已有组件，而不是重新创建。

当 dataList 元素减少时， Vue 会尝试重用已有组件。如果你没有给组件分配 key 值，Vue 就不知道哪些组件是新的，哪些组件是旧的，这样就可能导致组件没有减少.

解决办法

包括所包含的子组件在内，都加上:key='唯一的值'的属性

标签：解决办法,遍历,dom,Vue,key,组件
From： https://www.cnblogs.com/aiyablog/p/17064536.html

js dom节点的属性不能访问
有些时候，我们会发现DOM节点的某个属性通过dom.XXX不能访问实际上，DOM也是一个对象，当我们通过控制台打印出来后，会发现这个属性并不在DOM节点上面，我们需要先setAttribute，之后......
dart遍历的时候操作list
实际上，在遍历的时候，list对应的内存是被锁住的Listlist=[1,2,3,4];//这里使用了箭头函数，后面的表达式为true时会删除当前值list.removeWhere((value)=>value=......
VUE3，如何在外部修改data里面的对象？
提问： VUE3，如何在外部修改data里面的对象？varmyvue={ data(){ return{ test:{} } }, creat......
解决vue部署到服务器请求接口404问题
解决vue部署到服务器请求接口404问题：https://blog.csdn.net/weixin_44692055/article/details/103693859?utm_medium=distribute.pc_relevant.none-task-blog-2~default~ba......
vue3学习之---webpack配置【resolve.alias修改】
在vue3中，脚手架生成的项目里，webpack的配置文件没有了，因为公共的配置被封装到安装包里了，可以找到如下目录，同样可以修改配置文件：node_modules》@vue》cli-service ......
算法编程 dfs 从先序和中序遍历还原二叉树
105.从前序与中序遍历序列构造二叉树给定两个整数数组 preorder和inorder ，其中 preorder是二叉树的先序遍历，inorder 是同一棵树的中序遍历，请构造二叉树并返回......
VueRouter路由嵌套
1.前言本小节我们介绍如何嵌套使用VueRouter。嵌套路由在日常的开发中非常常见，如何定义和使用嵌套路由是本节的重点。同学们在学完本节课程之后需要自己多尝试配置路由。2......
Vue中的消息订阅与发布（pubsub)
1：内容说明：2：界面示例：......
vue2 router 安装
报错PSE:\ES6\vue2\vue_2\demo>npminstallvue-router@4npmERR!codeERESOLVEnpmERR!ERESOLVEunabletoresolvedependencytreenpmERR!npmERR!Found:v......
vue3+vite+tailwind+element配置,el-button被覆盖样式
生产环境下1、vite.config.ts生产环境代码分文件夹存放element自动导入下，解决el-button开发环境下被tailwind覆盖样式base:process.env.NODE_ENV==='production'?......

Vue变量的数据已更新，但for遍历出的dom元素没有变化的解决办法

原因

解决办法

相关文章

赞助商

阅读排行