在vue中使用Nprogress

安装

$ npm install --save nprogress 或者

$ yarn add nprogress//用法NProgress.start();

NProgress.done();

使用

//导入import NProgressfrom'nprogress'import 'nprogress/nprogress.css'router.beforeEach((to, from, next) => {

  NProgress.start()

  next()

})

router.afterEach(() => {

  NProgress.done()

}) 

在App.vue中的style中增加：

    #nprogress .bar {

      background: red !important;//自定义颜色}