安装 nprogress
pnpm install --save nprogress
在main.js中添加
// 网页顶部动态条
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
//切换路由
router.beforeEach((to,from,next)=>{
// 开启进度条
NProgress.start()
next()
})
router.afterEach(() => {
// 关闭进度条
NProgress.done()
})
// 挂载
app.use(NProgress)