代码拉取完成,页面将自动刷新
进度条
<link href="<path>/dist/css/vue-nprogress.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>
<script src="<path>/dist/js/vue-nprogress.js"></script>
$ yarn add @orh/vue-nprogress --dev
main.js
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)
});
resources/js/app.js
import VueNProgress from '@orh/vue-nprogress';
Vue.use(VueNProgress);
resources/sass/app.scss
@import "~@orh/vue-nprogress/dist/css/vue-nprogress.css";
// 显示进度
this.$nprogress.start();
// 设置进度
this.$nprogress.set(0.4);
// 增加进度
this.$nprogress.inc();
// 关闭进度
this.$nprogress.done();
MIT
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。