vue的路由切換動畫


0.main.js引入animate.css

1.給router-view標簽外層加上transition標簽,並且router-view標簽要改成<router-view></router-view>

2.在transition標簽加上兩個類:enter-active-class  和 leave-active-class 

   <transition enter-active-class="animated bounce" leave-active-class="animated hinge">
       <router-view></router-view>
     </transition>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM