我面临的问题与<transition-group>
元素有关。我有多个子元素,随着使用v-show
应用过滤器而过渡。
Enter动画可以很好地触发,但是请假动画则非常延迟。造成这种延迟的原因可能是什么?
(尽管我不认为这是问题,但我仍在此处发布代码。所有内容均正确显示在页面上。唯一的问题与转换有关。)
<transition-group name="card" mode="out-in" id="results-card-container">
<a :href="'/plan/' + plan.code" :key="plan.id" class="card column column-block"
:class="{ 'pf-no-images': !plan.overview_images.length}"
v-for="plan in plans"
v-show="plan.active">
<!--removed irrelevant code-->
</a>
</transition-group>