Vue种NProgress用法

阅读 63

2022-03-26

安装

npm install --save nprogress

基本用法

NProgress.start() — 显示进度条
NProgress.set(0.4) —设置百分比
NProgress.inc() — 增加一点点
NProgress.done() — 完成进度条

Configuration修改

NProgress.configure({ showSpinner: false })// NProgress Configuration
参数默认值描述
minimum0.08用来修改最小百分比
easing‘ease’修改
positionUsing‘’
speed200调正动画速度
trickletrue是否开启进度条步进
trickleRate0.02设置trickleRate (每次步进增长多少)
trickleSpeed800设置每次步进增长速度
showSpinnertrue是否显示进度环

精彩评论(0)

0 0 举报