美文网首页程序员Vue.js专区Vue.js
transition-group实现动画效果

transition-group实现动画效果

作者: 闲睡猫 | 来源:发表于2018-07-05 15:16 被阅读44次

如果要实现动画效果的元素是通过v-for循环渲染出来的,就不能使用transition,应该用transition-group将元素包裹

具体代码

动画组.gif

代码解析:

transition-group

transition-group默认会解析成span标签,如果需要指定为其他标签,用tag属性进行指定

更多vue.js的有趣实例,请点击移步至目录

相关文章

网友评论

    本文标题:transition-group实现动画效果

    本文链接:https://www.haomeiwen.com/subject/utepuftx.html