鍍金池/ 問答/HTML/ vue router切換頁面的時候,卡頓:當前頁面停留了一下,才切換到新頁面

vue router切換頁面的時候,卡頓:當前頁面停留了一下,才切換到新頁面

vue router切換頁面的時候,會有卡頓:
先在當前頁面停留了一下(并且滾動到頂部),然后才切換到新頁面

地址欄是立即變化的,回到頂部是路由的配置項,說明路由已經生效了,初步判斷是目標頁面的渲染比較慢,導致畫面卡頓,有人知道怎么解決么

回答
編輯回答
拽很帥

keep-alive緩存當前頁面
https://www.zhihu.com/questio...

2017年3月19日 01:03
編輯回答
汐顏

可以用keep-alive 要配合他的兩個鉤子函數activated來緩存數據 如果要重新獲得數據 也要寫這個函數里 替代created

2017年4月3日 15:16
編輯回答
醉淸風

在router-view標簽那里添加或者去掉mode試試

2018年7月10日 18:15
編輯回答
好難瘦

我也遇到了這個問題,debug 了半天,發(fā)現(xiàn)是 router.beforeEach 鉤子中請求了一個接口(獲取 user info),卡頓就是這個接口的請求時間造成的,弄成請求一次就 ok 了

和 keep-alive 沒啥關系吧

2017年9月8日 10:59
編輯回答
失心人

我也遇到了這個問題,然后在index.html的meta里,加了禁止縮放,就好了,不過里面的原理還不知道

2018年3月8日 10:47
編輯回答
安于心

最外層采用100%布局,然后再加個滾動

overflow: scroll;
-webkit-overflow-scrolling: touch;

這樣就不會在路由切換過程中滾到頂部了

可以參考vux的demo主頁寫法
https://github.com/airyland/v...

2017年4月25日 04:54
編輯回答
有點壞

樓主,請問解決掉了嗎?

2018年3月9日 16:24
編輯回答
陌如玉

解決了嗎?我也遇到這個問題了?

2017年5月7日 22:11