vue-NProgress-plugin
Simple to use Vue Plugin for NProgress. This is a fork of vue bluma framework with a more modern approach.
This Plugin also works in conjunction with Vue.Axios and Vue.http on page load, and will wait until those calls are completed and the page is loaded before ending the loading bar sequence.
For Axios to work. You will need to install the Vue.Axios plugin. And inject it as a Vue Plugin before importing this library.
Fetch will be comming soon!
How to use
......... const options = latencyThreshold: 200 // Number of ms before progressbar starts showing router: true // Show progressbar when navigating routes http: true // Show progressbar when doing Axios.http or Vue.http;Vue
In order to overwrite the configuration for certain requests, use showProgressBar parameter in request/route's meta.
Like this:
VueAxiosVuehttp
const router = routes: path: '/foo' component: Foo meta: showProgressBar: false