在组件外面,或者一个层外面包括即可

vue中transition组件的坑

然后css配置如下:

vue中transition组件的坑

css设置要对应transition组件的属性name,应该很容易读懂。

等等,还没完!

如果transition组件外面存在v-if条件判断渲染,则无效。

另transition组件必须要包在一个v-if或v-show的外面,如以下则无效:

vue中transition组件的坑

如果你有需求一定要在这样,那么也有解决方法,就是再加一个v-show/v-if则即可

vue中transition组件的坑


详情文档见:https://cn.vuejs.org/v2/api/#transition

相关文章: