推荐 最新
瞳孔放大黑洞

v-for绑定的key使用随机数导致DOM丢失问题?

v-for绑定的key如果调用了生成随机数的函数会在重绘中丢失这个DOM 今天在搬砖的过程中发现,如果在v-for中绑定key的时候调用了一个生成随机数的函数,那么在视图刷新以后这些DOM会丢失。 先说业务场景: 同一个页面下,在执行radio的input事件时,对该radio按钮控制的Echarts图表执行了dispose操作,销毁图表后切换列表展示。在这过程中,页面另一处的Echarts图表无缘无故的消失了,而且在Document中也找不到该Echarts图表的DOM实例。最后排查到的问题是在消失的Echarts图表中,":key"是调用了生成随机数的函数生成的,于是我就有如下猜想:是否在更新虚拟DOM的时候,重新调用了该函数,导致生成了与第一次完全不同的key,所以才会在视图更新之后丢失该DOM。网上搜到的关于key的解释都感觉没有准确的解答我的疑惑,希望有大佬不吝赐教

0
1
0
浏览量186
喝一杯吧可以吗

如何在 Vue.js 中使用 v-for 拼接 href 属性并绑定到 el-link 组件?

"" 如何在 "v-for" 中拼接 "href" data() { return { baseUrl: process.env.VUE_APP_BASE_API, } } 日志标题:{{ content.notice }} 日志内容:{{ content.content }} 相关附件:{{ content.url }} --> 相关附件: {{ content.urlname }} {{ content.notice }} "${baseUrl}${content.url}" 这种写法不能拿到 "content.url" 的值

0
1
0
浏览量182
我买了30万的鞋子

Vue中如何实现单一el-tooltip对应多个v-for循环元素?

在v-for循环中,如果给每一个循环标签元素都添加一个el-tooltip会创建很多,如何控制只创建一个。 希望可以只创建一个el-tooltip,位置要根据每个不同标签元素居中对齐

0
1
0
浏览量123
代码剑客行

v-for=“item in 10“,如何倒序渲染?

v-for=“item in 10“,如何倒序渲染?我想要的结果是10,9,8,7,6,5,4,3,2,1

0
1
0
浏览量11