Slim progress bars is based on nprogress for Ajax'y applications
npm install vue-nprogressSlim progress bars is based on nprogress for Ajax'y applications
``console`
$ npm install vue-nprogress --save
`vue
`
`js
import Vue from 'vue'
import NProgress from 'vue-nprogress'
import App from './App.vue'
Vue.use(NProgress)
const nprogress = new NProgress()
const app = new Vue({
nprogress
...App
})
// APIs: see https://github.com/rstacruz/nprogress
// app.nprogress
// app.nprogress.start()
// app.nprogress.inc(0.2)
// app.nprogress.done()
// Component:
// this.$nprogress
`
`js`
const options = {
latencyThreshold: 200, // Number of ms before progressbar starts showing, default: 100,
router: true, // Show progressbar when navigating routes, default: true
http: false // Show progressbar when doing Vue.http, default: true
};
Vue.use(NProgress, options)
In order to overwrite the configuration for certain requests, use showProgressBar parameter in request/route's meta.
Like this:
`js`
Vue.http.get('/url', { showProgressBar: false })js``
const router = new VueRouter({
routes: [
{
path: '/foo',
component: Foo,
meta: {
showProgressBar: false
}
}
]
})
---