博客

1，引入

npm install –save nprogress

2、在main.js文件中

import NProgress from ‘nprogress’;

import ‘nprogress/nprogress.css’;

//在页面跳转使用

router.beforeEach((to,from,next) => {


//开始进度条

NProgress.start();

// 继续路由

next();

});

router.afterEach(transition => {


//结束进度条

NProgress.done();

});

3、在base.css文件中修改进度条的样式

#nprogress .bar{


background: red !important;

}