Vue nprogress

进度条

!examples

通过链接

``html




`

示例

NPM

1. 安装

`shell
$ yarn add @orh/vue-nprogress --dev
`

2. 常规

- main.js

`javascript
import Vue from 'vue';
import VueNProgress from '@orh/vue-nprogress';
import '@orh/vue-nprogress/dist/css/vue-nprogress.css';
import App from './App.vue';

Vue.use(VueNProgress);

new Vue({
el: '#app',
render: h => h(App)
});
`

3. Laravel

- resources/js/app.js

`javascript
import VueNProgress from '@orh/vue-nprogress';

Vue.use(VueNProgress);
`

- resources/sass/app.scss

`scss
@import "~@orh/vue-nprogress/dist/css/vue-nprogress.css";
`

使用

`javascript
// 显示进度
this.$nprogress.start();

// 设置进度
this.$nprogress.set(0.4);

// 增加进度
this.$nprogress.inc();

// 关闭进度
this.$nprogress.done();
``

- NProgress

License

MIT