NProgress.js官网:https://ricostacruz.com/nprogress/安装方法:npminstallnprogress使用方法在router的index.js文件下介绍//介绍NProgress进度条importNProgressfrom'nprogress'import'nprogress/nprogress.css'router.beforeEach((to,from,next)=>{//进度条NProgress.start()next()})router.afterEach(()=>{NProgress.done()})修改进度条样式//修改进度条颜色并添加到全局css文件中,或者单独创建一个css文件在页面中单独导入#nprogress.bar{background:red!important;}NProgress.js的一些方法:显示进度条:NProgress.start()setsthepercentageloadedbytheprogressbar(setsapercentage)NProgress.set(0.4)进度条增加一个little(incrementsbyalittle)NProgress.inc()progressbarloadingcompletes(完成进度)NProgress.done()circleloading:showSpinner加载栏右下角的小圆圈,通过将加载微调器设置为false将其关闭。(默认值:true)NProgress.configure({showSpinner:false});
