您的位置:首页 > Web前端 > Vue.js

Vue 中的动画特效五——Vue中多个元素或组件的过渡动画

2019-02-11 13:12 316 查看

多个元素的过渡动画

此时,点击按钮进行切换时并不会有过渡动画,因为Vue会尽量复用DOM元素

添加key值可以解决这个问题 

 设置mode=“in-out”可以使要显示的元素先显示,要隐藏的元素后隐藏,out-in相反

多个组件的过渡动画

通过动态组件实现多个组件的过渡动画

 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: