vue 具有v-move类的transition-group对于具有调用$set的即时监视器的元素无法正常工作

9rnv2umw  于 2022-10-28  发布在  其他
关注(0)|答案(3)|浏览(123)

版本

2.6.10

复制链接

https://codesandbox.io/s/vue-transition-group-bug-wnvwv的最大值

重现步骤

1.打开代码和框。
1.点按“切换转场”注记格。

需要什么?

应平滑地设置进入过渡的动画。

到底发生了什么?

在具有v-move类的转换组中,具有调用$set的立即观察器的元素中断了enter转换,导致其“捕捉”。
在codesandbox repro中,我提供了解决此问题的变通方法。
我在这个vuetify issue中发现了这个错误。
这发生在vuetify的2.0.19版本中,其中添加了this code以解决#10115问题。
我不确定直接原因是什么,因为v-move类和直接监视器都导致了此问题。

u4dcyp6a

u4dcyp6a2#

这不是与关联问题重复的问题。该问题与v-show指令和转换组有关,而此问题仅使用v-if,但v-if并不是导致此问题的真正因素。
我测试了相关问题的jsfiddle,并将v-show更改为v-if,它按预期工作。所以我猜两者没有直接关系。

dbf7pr2w

dbf7pr2w3#

是的,我没有看到Test组件有特定的行为

相关问题