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

鍍金池/ 問答/網絡安全  HTML/ vue 路由過渡

vue 路由過渡

我有一個問題想請教,我點擊一個按鈕,路由到新頁面,新頁面是從右到左過渡進來的。問題是當我點擊按鈕的一瞬間,當前頁面就消失掉了,頁面就是空白,我想的效果是新頁面過渡完成,當前頁面在消失。

回答
編輯回答
編輯回答
無標題

transition 有幾種模式 in-out、out-in。詳細的可以查文檔

2018年3月31日 19:41
編輯回答
短嘆

路由過渡
可以使用

<transition>
    <router-view></router-view>
</transition>

這樣可以讓router變化的時候 頁面切換之間有動畫效果
但是并不能解決第二頁如果因為網絡請求數(shù)據等造成的白屏,只把在第二頁再配合一個loading效果,

兩種方法,加一起應該能更好的提升用戶的感官體驗

2018年4月20日 06:33
編輯回答
我不懂

路由過渡的話可以自己寫過渡樣式,參考 官方文檔

2018年2月11日 09:28
編輯回答
舊言

跳轉頁面時候加一個loading 唄 生命周期mounted掛載完成之后再讓他v-show=false 你可以寫在跳轉所到頁面 也可以寫在跳轉之前頁面 跳轉之前頁面就需要組件通信 然后改變v-show的值

2017年1月22日 03:48