vue-nprogress-orh

vue-nprogress

进度条

常规

<link href="path/vue-nprogress/css/index.css" rel="stylesheet">
 
<script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>
<script src="path/vue-nprogress/js/index.js"></script>

NPM

1. 安装

yarn add vue-nprogress-orh --dev

1. 引入 js

import vueNProgress from 'vue-nprogress-orh';

Vue.use(vueNProgress);

1. 引入样式

@import "~vue-nprogress-orh/dist/css/index";

使用

this.$nprogress.start();

this.$nprogress.set(0.4);

this.$nprogress.inc();

this.$nprogress.done();

• 使用 NProgress