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

鍍金池/ 問答/網(wǎng)絡安全  HTML/ 請教,vue SPA網(wǎng)站如何實現(xiàn)全局頁面加載進度條?

請教,vue SPA網(wǎng)站如何實現(xiàn)全局頁面加載進度條?

首先說明一下想實現(xiàn)的效果。
只需要在main.js或者App.vue中實現(xiàn),不用每個子組件都添加頁面加載完成的代碼。加載進度條到100%的時候,一定是數(shù)據(jù)加載渲染完成后。
現(xiàn)在主要難點是:如何在main.js、App.vue中獲知子組件數(shù)據(jù)請求渲染完成。

傳統(tǒng)的網(wǎng)站,DOMContentLoaded和onload可以分別得知,dom加載解析完成和所有的文件下載完成。從而很容易模擬一個頁面加載進度條。
但是SPA網(wǎng)站加載過程從 第一次進入頁面:DOMContentLoaded,onload,ajax請求數(shù)據(jù),渲染數(shù)據(jù)。路由切換:ajax請求數(shù)據(jù)、渲染數(shù)據(jù)。
求高手解答?;蛘咭黄鹩懻撓乱残小2幌朐诿總€頁面都要添加一個loaded的代碼。很麻煩。

回答
編輯回答
胭脂淚

在vue-router導航守衛(wèi)里做(頁面切換loading)
https://router.vuejs.org/zh/g...

在axios攔截器里做(只要發(fā)送請求就會出現(xiàn)loading,成功失敗錯誤loading消失)

axios攔截器配置的其他類似
https://github.com/axios/axios

2017年3月12日 23:57