在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/Python  HTML/ Vue 組件切換的時(shí)候，帶動(dòng)畫(huà)效果，為什么我的只是向一個(gè)方向呢？ 我想進(jìn)去的時(shí)候

Vue 組件切換的時(shí)候，帶動(dòng)畫(huà)效果，為什么我的只是向一個(gè)方向呢？ 我想進(jìn)去的時(shí)候從右往左，返回的時(shí)候從左往右邊

App.vue

               <transition :name="transitionName"> 
                     <router-view class="Router"></router-view>
                </transition>

　 data() {
　　　　 return {
　　　　　　transitionName: 'slide-right' // 默認(rèn)動(dòng)態(tài)路由變化為slide-right
　　 　　}
　 　},
　 　watch: {
　　　 '$route' (to, from) {
　　　 　let isBack = this.$router.isBack // 監(jiān)聽(tīng)路由變化時(shí)的狀態(tài)為前進(jìn)還是后退
　　　　 　　if(isBack) {
　　　　　　　　this.transitionName = 'slide-right'
　　　　 　　} else {
　　 　　　　 this.transitionName = 'slide-left'
　　　　 　}
　　this.$router.isBack = false
　 　}
　 }
　

  <style>
  
  .Router {
   position: absolute;
    width: 100%;
   transition: all .8s ease;
    top: 40px;
  }

  .slide-left-enter,
.slide-right-leave-active {
    opacity: 0;
 -webkit-transform: translate(100%, 0);
   transform: translate(100%, 0);
 }

.slide-left-leave-active,
   .slide-right-enter {
 opacity: 0;
-webkit-transform: translate(-100%, 0);
transform: translate(-100% 0);
 }

</style>

回答
編輯回答
冷眸

無(wú)量壽佛，具體問(wèn)題具體分析了，你的跨域403問(wèn)題解決了沒(méi)

2018年5月24日 19:05