频道栏目
首页 > 程序开发 > 综合编程 > 其他综合 > 正文
Vue过渡动画运用transition - 木子沐沐 - 博客园
2019-05-09 14:36:29           
收藏   我要投稿
Vue过渡动画运用transition

vue的过渡动画,主要是transition标签的使用,配合css动画实现的。官方文档css过渡

通过点击事件来切换show的值来改变显示的文本,下面的css通过进入离开时的在匀速状态下xxs(秒)下来转换在x轴上位移的距离, transition包括的是位移的内。key是必须有的,用来标记位移的哪一个,这个方法有一点,用v-if时会频繁的建立销毁。name是你定义的名字必须有,和css里面的名字是保持一致的,你可以自定义名字。

使用它时有时候切换的并不是标签,而是一个组件,这时候应该使用transition-group来包括。


点击复制链接 与好友分享!回本站首页
相关TAG标签 - - 博客园
上一篇:OrderBy和OrderByDescending排序 - Insus.NET - 博客园
下一篇:简单的描述关于开发部署产生401,500的错误处理 - Coding&Now - 博客园
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑--致力于做实用的IT技术学习网站

世界杯外围投注官网