VUE NProgress 全局设置

安装插件

npm install --save nprogress

mainjs引用

//页面加载进度条
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
// 简单配置
NProgress.inc(0.2)
NProgress.configure({ easing: 'ease', speed: 500, showSpinner: false })

Vue.prototype.NProgress=NProgress;

使用

this.NProgress.start();
this.NProgress.done();

样式修改

//头部加载进度条样式
#nprogress .bar {
    //background: @primary-color !important; //动态换肤
    background: fade(#010203,45%) !important; //固定样色
}