鍍金池/ 問答/網(wǎng)絡安全  HTML/ vue 路由過渡

vue 路由過渡

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

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

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

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

路由過渡
可以使用

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

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

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

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

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

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

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

2017年1月22日 03:48