每次路由跳转时进行加载,显示在页面最上方,代码书写位置在路由前置守卫里,守卫开始时显示进度条,结束后隐藏
GitHub - rstacruz/nprogress: For slim progress bars like on YouTube, Medium, etc
使用方法:
1、安装:npm i nprogress 安装后在package.json 可找到
2、导入
import nprogress from 'nprogress'
import 'nprogress/nprogress.css'
3、使用
开始加载进度条:nprogress.start()
结束: nprogress.done()