在vue项目中使用Nprogress.js进度条

在vue中使用进度条 安装
 npm install --save nprogress
在项目中引入 在main.js中引入要使用的nprogress
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
基本使用
NProgress.start(); 
NProgress.done(); 
代码 (同样在main.js中)
router.beforeEach((to, from, next) => {
if (to.path == '/login') {
    sessionStorage.removeItem('username');
  }
let user = sessionStorage.getItem('username');
if (!user && to.path != '/login') {
    next({path: '/login'})
  } else {
    NProgress.start();
    next()
  }
});

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

 

     
上一篇:JS键盘键值KeyCode表


下一篇:IDE中使用Git提交代码报错:Push to origin/release-V2 was rejected