Vue过渡组离开动画延迟

时间:2020-05-28 22:09:22

标签: vue.js vuejs2 vue-transitions

我面临的问题与<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>

Link to what is happening visibly in the DOM

0 个答案:

没有答案