版本
2.3.3
复现链接
https://jsfiddle.net/vitorDeng/50wL7mdz/63147/
复现步骤
打开浏览器控制台,点击运行
预期结果
其他v-if的元素不应该影响互不相干的组件
实际发生情况
同级下,若前后使用了与包裹组件的元素一样的,并使用了v-if指令,则v-if指令会影响该组件不断创建和销毁
2.3.3
https://jsfiddle.net/vitorDeng/50wL7mdz/63147/
打开浏览器控制台,点击运行
其他v-if的元素不应该影响互不相干的组件
同级下,若前后使用了与包裹组件的元素一样的,并使用了v-if指令,则v-if指令会影响该组件不断创建和销毁
6条答案
按热度按时间ilmyapht1#
The main issue is that the components you have changed are exactly the same as those in
v-if
, which makes it difficult to accurately detect updates. However, you can easily fix this by adding some unique attributes to these tags, and the problem will be resolved immediately.To avoid re-rendering the custom component in the middle, you can temporarily change:
to:
q3qa4bjr2#
目前,您可以在div上使用
key
来标记它:https://jsfiddle.net/50wL7mdz/63293/。当然,这肯定可以得到改进。km0tfn4u3#
谢谢
j5fpnvbx4#
看不懂哟
pgccezyw5#
关键是重要的。
vhmi4jdf6#
我将尝试回答这个问题。