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;
}