[Vue.js]学习笔记-Vue.js过渡&动画-显性的过渡持续时间 - 苏飞论坛

在很多情况下，Vue 可以自动得出过渡效果的完成时机。

默认情况下，Vue 会等待其在过渡效果的根元素的第一个 transitionend 或 animationend 事件。然而也可以不这样设定——比如，我们可以拥有一个精心编排的一系列过渡效果，其中一些嵌套的内部元素相比于过渡效果的根元素有延迟的或更长的过渡效果。

在这种情况下你可以用 <transition> 组件上的 duration 属性定制一个显性的过渡持续时间 (以毫秒计)：

[HTML] 纯文本查看 复制代码

<transition :duration="1000">...</transition>

你也可以定制进入和移出的持续时间：

[HTML] 纯文本查看 复制代码

<transition :duration="{ enter: 500, leave: 800 }">...</transition>