nprogress路由切换添加进度条

文档地址

安装

npm install nprogress -S

在vue路由页面进行引入

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

使用

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

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