vue-axios同时请求多个接口 等所有接口全部加载完
网络编程 2021-07-04 14:07www.168986.cn编程入门
这篇文章主要介绍了vue-axios请求多个接口 等所有接口全部加载完成再处理操作,具有很好的参考价值,希望对大家有所帮助。一起跟随长沙网络推广过来看看吧
我就废话不多说了,大家还是直接看代码吧~
Axios.all([request1, request2, request3]) .then( Axios.spread((area, at, perms) => { console.log('全部加载完成') }) ) .catch(err => { console.log(err.response) });
需要在当前路由引入axios
import Axios from "axios";
补充知识vue,axios处理同一个接口多次访问的执行顺序问题
碰到个问题记录一下,就是axios多次请求同一个接口(参数不同)导致数据混乱的问题,就是先点击A,马上再点击B,结果A请求数据的速度比B的慢,导致,展示数据的时候B的结果先出来,又马上闪成A请求的数据了。这里有一种解决办法,在点击新的接口请求时,关闭之前正在pending的接口请求。
在已经封装好的axios方法里面,加上红框中代码,然后再在你需要的vue文件方法里面加上如下代码
这样你每点击一个事件触发新的请求时,之前仍在pending的请求就会被强制关闭了
以上这篇vue-axios请求多个接口 等所有接口全部加载完成再处理操作就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。
编程语言
- 甘肃哪有关键词排名优化购买方式有哪些
- 甘肃SEO如何做网站优化
- 河南seo关键词优化怎么做电话营销
- 北京SEO优化如何做QQ群营销
- 来宾百度关键词排名:提升您网站曝光率的关键
- 卢龙关键词优化:提升您网站排名的策略与技巧
- 山东网站优化的注意事项有哪些
- 四川整站优化怎样提升在搜索引擎中的排名
- 疏附整站优化:提升网站性能与用户体验的全新
- 海南seo主要做什么工作售后服务要做到哪些
- 荣昌百度网站优化:提升您网站的搜索引擎排名
- 河北seo网站排名关键词优化如何做SEO
- 江西优化关键词排名推广售后保障一般有哪些
- 古浪SEO优化:提升你的网站可见性
- 西藏网站排名优化怎么把网站排名在百度首页
- 如何提升阳东百度快照排名:详尽指南