我正在制作一个表格，用户按下按钮并显示新的 v-card。一切正常，但我无法进行良好的扩展过渡。它只适用于第一张卡，然后它告诉我使用转换组。但是当我使用 transition-group 时，我根本没有任何动画。我尝试了很多东西并查看了vue文档。
我缩短了链接，因为我收到一个错误，所以没有让我发布它，我将代码的重要部分放在 codepen 中：
任何人都知道如何为每张添加的卡进行扩展转换的解决方案，因为现在它只适用于第一个？
首先，您应该将v-for指令移动到v-expand-transition.
然后你可以使用出现当你添加新的触发动画v-expand-transition。
<v-expand-transition appear v-for="klad in kladi" :key="klad.key">
<v-card class="pl-3 pr-3 mt-2 mb-2 rounded-lg tertiary">
<v-container>
<v-layout row wrap>
<v-flex xs12 sm6>
<p>something {{klad.key}}</p>
</v-flex>
</v-layout>
</v-container>
</v-card>
</v-expand-transition>
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句