第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue中使用跳路由的方式切換內容,無法使用vue的transition動畫。怎么樣才能讓這個動畫

vue中使用跳路由的方式切換內容,無法使用vue的transition動畫。怎么樣才能讓這個動畫

九州編程 2019-03-14 18:15:36
我之前是使用v-if實現(xiàn)切換的,這樣可以使用transition動畫,現(xiàn)在領導讓換成了轉路由的方式來切換,導致transition動畫失效了,這種情況我該怎么處理。
查看完整描述

3 回答

?
元芳怎么了

TA貢獻1798條經驗 獲得超7個贊

<transition :name="transitionName">


<router-view class="child-view"></router-view>

</transition>


添加watch:

watch:{


'$route':function(to,from){

//添加路由切換過渡動畫

const toDepth = to.path.split('/').length

const fromDepth = from.path.split('/').length

this.transitionName = toDepth < fromDepth ? 'slide-right' : 'slide-left'

}

}


查看完整回答
反對 回復 2019-04-09
?
慕碼人2483693

TA貢獻1860條經驗 獲得超9個贊

<transtion name="slide-fade">

<router-link to="/"></router-link>

<transtion>


查看完整回答
反對 回復 2019-04-09
  • 3 回答
  • 0 關注
  • 661 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號