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教程（最初是有挂）这是由厦门游乐互动科技有...
黑科技透明挂挂！德州扑克辅助器... 黑科技透明挂挂！德州扑克辅助器（wepoKE）软件透明挂辅助安装（一起来探讨黑科技透明）；支持多人共...
黑科技私人局"wep... 黑科技私人局"wepoke辅助功能!外挂透明挂辅助工具(黑科技)透明教程"都是是真的有挂；进入游戏-...
透视中牌率！新星游挂多少钱，w... 透视中牌率！新星游挂多少钱，wpk透视辅助软件，2025新版（原本真的有挂）；大神普及一款德州ai内...
辅助黑科技！wpk德州ai（w... 辅助黑科技！wpk德州ai（wEpOke）外挂透明挂辅助插件（一秒答解黑科技技巧）；人气非常高，ai...
黑科技脚本"wpk发... 黑科技脚本"wpk发牌算法!外挂透明挂辅助系统(黑科技)技巧教程"真是有挂；1、起透看视 wpk发牌...
黑科技辅助！微扑克大厅机器人（... 黑科技辅助！微扑克大厅机器人（wepoke）透明黑科技辅助安装（我来教教你黑科技技巧）；实战中需综合...
透视科技！拼十辅助器，wepo... 透视科技！拼十辅助器，wepoker底牌透视脚本下载，教你教程（从来是真的有挂）；1.wepoker...
黑科技实锤"wpk外... 黑科技实锤"wpk外挂是真的还是!外挂透明挂辅助脚本(黑科技)力荐教程"一贯真的是有挂暗藏猫腻，小编...
黑科技安装！德州线上扑克辅助（... 黑科技安装！德州线上扑克辅助（WePoke）外挂透明挂辅助挂（实测发现黑科技神器）1、不需要AI权限...