腾讯云·社区
vue项目添加进度条效果
vue项目添加进度条效果
nprogress简介
这是一个小进度条插件。纳米级的进度条，涓涓细流动画告诉你的用户，一些事情正在发生！
安装
npm install --save nprogress
或者使用淘宝镜像
cnpm install --save nprogress
使用
在main.js中配置
//NProgress
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
//定义拦截器
axios.interceptors.request.use((config) => {
NProgress.start();
return config
},
axios.interceptors.response.use((config) => {
NProgress.done();
return config
},本文参与腾讯云自媒体分享计划，欢迎正在阅读的你也加入，一起分享。
相关文章
扫码关注云+社区
领取腾讯云代金券
我来说两句