vue使用nprogress加载路由进度条

44次阅读

共计 247 个字符,预计需要花费 1 分钟才能阅读完成。

1、效果图

2、安装

npm install --save nprogress

基本用法

NProgress.start();
NProgress.done();

3、在路由中使用

import NProgress from 'nprogress'
import 'nprogress/nprogress.css'

router.beforeEach((to, from, next) => {NProgress.start();
    next();});

router.afterEach(() => {NProgress.done();
});

正文完
 0