vue3 transition router-view不显示动画
创始人
2024-11-15 01:34:02
0次

按上方那样写，注意CSS也需要

.fade-enter-from{   /* 进入时的透明度为0 和 刚开始进入时的原始位置通过active透明度渐渐变为1 */     opacity: 0;   transform: translateX(-30px); }   .fade-enter-to{   /*定义进入完成后的位置 和 透明度 */   transform: translateX(0%);   opacity: 1;  }   .fade-leave-active,.fade-enter-active {     transition: all 0.5s ease-out; }   .fade-leave-from { /* 页面离开时一开始的css样式,离开后为leave-to，经过active渐渐透明 */   transform: translateX(0%);   opacity: 1; }   .fade-leave-to{   /* 这个是离开后的透明度通过下面的active阶段渐渐变为0 */     transform: translateX(100%);   opacity: 0; }

如果class 类名没有的话也不会显示的

上一篇：深入探究 Vue.js 高级技术：从响应式系统到高效组件设计的实战指南

下一篇：通过颜色反卷积进行组织化学染色的定量分析

相关内容

热门资讯

黑科技美元局(wpk辅助哪里买... 黑科技美元局(wpk辅助哪里买)外挂透明挂辅助工具(透视)确实真的有挂(有挂秘籍)-哔哩哔哩；1、下...
黑科技智能ai(WePoKe)... 黑科技智能ai(WePoKe)智星德州菠萝辅助(透明挂)都是是真的有挂(2023已更新)(哔哩哔哩)...
玩家必看秘籍！aapoker辅... 玩家必看秘籍！aapoker辅助使用教程（透视）力荐教程（2020已更新）（哔哩哔哩）1、让任何用户...
黑科技攻略(aapoker软件... 黑科技攻略(aapoker软件app)外挂透明挂辅助app(透视)好像有挂(有挂方式)-哔哩哔哩1）...
黑科技能赢(WePoKe)微扑... 黑科技能赢(WePoKe)微扑克ai胜率(ai辅助)一贯存在有挂(2022已更新)(哔哩哔哩)微扑克...
一分钟揭秘!！wpk最新黑科技... 一分钟揭秘!！wpk最新黑科技（软件透明挂）必备教程（2022已更新）（哔哩哔哩）;wpk最新黑科技...
黑科技总结(wpkai辅助实战... 黑科技总结(wpkai辅助实战效果)外挂透明挂辅助软件(透视)本来存在有挂(有挂讲解)-哔哩哔哩该软...
黑科技系统(WePoKe)德州... 黑科技系统(WePoKe)德州wepower透视辅助(透明挂黑科技)本来真的是有挂(2022已更新)...
推荐一款!！智星菠萝辅助器（a... 推荐一款!！智星菠萝辅助器（ai代打）插件教程（2021已更新）（哔哩哔哩）1、每一步都需要思考，不...
黑科技规律(来玩德州扑克约局神... 黑科技规律(来玩德州扑克约局神器)外挂透明挂辅助app(透视)本来真的是有挂(揭秘有挂)-哔哩哔哩1...