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

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

vue中使用跳路由的方式切換內(nèi)容，無法使用vue的transition動畫。怎么樣才能讓動畫生效？

vue中使用跳路由的方式切換內(nèi)容，無法使用vue的transition動畫。怎么樣才能讓動畫生效？

明月笑刀無情 2018-07-01 21:45:03
我之前是使用v-if實(shí)現(xiàn)切換的，這樣可以使用transition動畫，現(xiàn)在領(lǐng)導(dǎo)讓換成了轉(zhuǎn)路由的方式來切換，導(dǎo)致transition動畫失效了，這種情況我該怎么處理。
查看完整描述

3 回答

?
慕尼黑的夜晚無繁華

TA貢獻(xiàn)1864條經(jīng)驗(yàn) 獲得超6個贊

<transtion name="slide-fade">

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

<transtion>


查看完整回答
反對 回復(fù) 2018-07-05
?
偶然的你

TA貢獻(xiàn)1841條經(jīng)驗(yàn) 獲得超3個贊

https://img1.sycdn.imooc.com//5b3e251200014cd904830124.jpg

路由過渡效果要再App.vue的router-view上設(shè)置

查看完整回答
反對 回復(fù) 2018-07-05
?
慕妹3146593

TA貢獻(xiàn)1820條經(jīng)驗(yàn) 獲得超9個贊

<transition :name="transitionName">

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

</transition>

添加watch:
watch:{

'$route':function(to,from){//添加路由切換過渡動畫const toDepth = to.path.split('/').lengthconst fromDepth = from.path.split('/').lengththis.transitionName = toDepth < fromDepth ? 'slide-right' : 'slide-left'

}
}


查看完整回答
反對 回復(fù) 2018-07-05
  • 3 回答
  • 0 關(guān)注
  • 2937 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號