NProgress进度条样式

56 阅读1分钟

vue中引用 安装如下:

 npm install --save nprogress

vue的话,比较常用的方式是路由加载的router.beforeEach中加 NProgress.start(); 在 router.afterEach 中加 NProgress.done()

在引入的时候,需要注意,css也必须引入:

import NProgress from "nprogress"
import 'nprogress/nprogress.css' //这个样式必须引入
NProgress.configure({ showSpinner: false }); // 是否显示右上角螺旋加载提示