本文实例为大家分享了vue 渐进过渡效果,供大家参考,具体内容如下,供大家参考,具体内容如下
transition 与 v-for 一起用时可以创建渐近过渡。给过渡元素添加一个特性 stagger,enter-stagger 或 leave-stagger:
或者,提供一个钩子 stagger,enter-stagger 或 leave-stagger,以更好的控制:
增加 50ms 延时
// 但是最大延时限制为 300ms
return Math.min(300,index * 50)
}
})
示例:HTML代码: