vueはブラウザの上にプログレスバーを表示します。
主に助けを借りる NProgressプラグイン
NProgressは、ページジャンプはブラウザの先頭に表示されるプログレスバーの公式サイトです。http://ricostacruz.com/nprogress/ github:https://github.com/rstacruz/nprogress
インストール:
$npm install--save nprogress
または$yarn add nprogress
使用:
メール・jsに導入する:
NProgressは、ページジャンプはブラウザの先頭に表示されるプログレスバーの公式サイトです。http://ricostacruz.com/nprogress/ github:https://github.com/rstacruz/nprogress
インストール:
$npm install--save nprogress
または$yarn add nprogress
使用:
メール・jsに導入する:
import NProgress from 'nprogress'; // Progress
import 'nprogress/nprogress.css'; // Progress
NProgress.start();
NProgress.done();
router.beforeEach((to, from, next) => {
/* ……*/
const browserHeaderTitle = to.name;
store.commit('SET_BROWSERHEADERTITLE', {
browserHeaderTitle: browserHeaderTitle
});
if (whiteList.indexOf(to.path) !== -1) {
next();
} else {
next('/login'); // ,
NProgress.done();
}
})
router.afterEach(() => {
NProgress.done()
})