关于vue中axios防止重复提交的办法

8 篇文章 0 订阅
7 篇文章 0 订阅

vue+axios是大家常用的一个套路,但是在使用过程中难免会有很多问题,这篇文章只是单纯的从侧面解决重复提交的。

网上很多大佬都分享的方法

两段代码放在axios的配置文件中,貌似就可以的,但是小编测试还是会有问题,当你的提交数据量过小,还是会多次提交给后台,参数多条数据,为此小编苦恼好久,后面想到一个过渡的办法,也就是在调取接口的时候,增加loading效果(蒙层)

loading用的是element-ui组件中的组件,这样就会在每次发送请求的时候,会给页面增加loading,可以从侧边避免重复点击,完了再这里去掉loading

至于小编增加settimeout,是为了避免网速过快,loading会出现闪烁的问题,希望对遇到同样问题的铜须有帮助

  • 0
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值