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

鍍金池/ 問答/HTML/ 使用vue如何防止頁面跳轉(zhuǎn)出現(xiàn)閃爍？

使用vue如何防止頁面跳轉(zhuǎn)出現(xiàn)閃爍？

我想達(dá)到的效果：https://eggjs.org/zh-cn/basic...

這個(gè)頁面， 地址欄的地址是變化的，但是整個(gè)頁面，左側(cè)菜單看起來好像固定不變一樣。
看起來就像使用iframe的效果。

我的項(xiàng)目使用vue在客戶端渲染，當(dāng)頁面沒有渲染之前，整個(gè)頁面是空白的，渲染之后才顯示。

點(diǎn)擊新頁面的效果就是閃一下的感覺。這對用戶來說，體驗(yàn)很不好。

我現(xiàn)在的解決方案就是。使用Nuxt，在服務(wù)端渲染完畢再輸出到前端。

不過我是后臺使用的，不需要考慮什么seo效果。用這個(gè)又覺得大材小用了。

有沒有其他好點(diǎn)的解決方案??？

回答
編輯回答
澐染

以前也遇到同樣的問題，原因是當(dāng)前路由還沒完全銷毀前下一個(gè)路由就出現(xiàn)了就被擠到下面去，所以就出現(xiàn)了閃爍的情況； 一種解決方法是用定位布局， 一種方法可以使用過濾。 還有一種可能是你的布局問題，比如超出沒有overflow

2017年6月29日 12:13
編輯回答
乞許

最外層div加上<div v-cloak></div>，然后css樣式里面[v-cloak]{display:none}

2017年11月29日 06:07
編輯回答
扯不斷

最終，我使用Nuxt解決了。
Nuxt不僅僅解決seo的問題，也可以加快首屏加載的速度，這個(gè)是最需要的。

這答案居然有2個(gè)踩。
你們既然踩了，又不給更好的答案。
我使用Nuxt重構(gòu)了項(xiàng)目，問題的確得到解決了。

2018年1月14日 04:08