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 高级技术：从响应式系统到高效组件设计的实战指南

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

相关内容

热门资讯

通报辅助！陇南摆叫辅助，wep... 您好：陇南摆叫辅助这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌特别...
透视神器！情怀至友互娱辅助软件... 透视神器！情怀至友互娱辅助软件，wepoker透视脚本免费下载（透视）开挂辅助软件曝光教程 【无需打...
起初有辅助"情怀宜春... 情怀宜春辅助 无需打开直接搜索微信：136704302本司针对手游进行，选择我们的四大理由: 1、软...
教程书开挂"新超圣伏... 教程书开挂"新超圣伏虎"开挂(下载)辅助神器(有挂方式) 【无需打开直接搜索加薇136704302咨...
关于开挂！河洛杠次怎么提高胜率... 河洛杠次怎么提高胜率 无需打开直接搜索微信：136704302本司针对手游进行，选择我们的四大理由:...
原本有开挂"福建天天... 福建天天开心辅助工具是一款专注玩家量身打造的游戏记牌类型软件，在福建天天开心辅助工具这款游戏中我们可...
透视透视挂！werplan脚本... 透视透视挂！werplan脚本，微乐自建房免费黑科技下载（透视）开挂辅助神器爆料教程；无需打开直接搜...
秘籍开挂"微信小程序... 秘籍开挂"微信小程序锄大地辅助"开挂(插件)辅助工具(有挂存在)微信小程序锄大地辅助ai黑科技系统规...
关于开挂！心悦填大坑3.0辅助... 关于开挂！心悦填大坑3.0辅助器在哪里，wpk辅助是真的吗，解密教程（了解有挂）-哔哩哔哩 >>您好...
透视总结！微乐小程序游戏辅助器... 您好：微乐小程序游戏辅助器脚本官网这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现...