routes:[{
path:"/",
name:'home',
component:()=>import("../pages/Home.vue"),
meta:{title:'首页',rule:['1','2']}
}]
1、安装nprogress:npm i --save nprogress
2、导入进度条库nprogress:
import NProgress from 'nprogress'
3、导入样式
import 'nprogress/nprogress.css'
//路由跳转前开启进度条
router.beforeEach((to,from,next)=>{
NProgress.start();
next()
})
//路由跳转完成后，关闭进度条
router.afterEach((to,from)=>{
NProgress.done();
//重新设置页面的title
document.title=to.meta.title
})
