vue-axios同時請求多個接口 等所有接口全部加載完成再處理操作
更新時間：2020年11月09日 10:16:10 作者：qinyong^_^
這篇文章主要介紹了vue-axios同時請求多個接口 等所有接口全部加載完成再處理操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
我就廢話不多說了，大家還是直接看代碼吧~
Axios.all([request1, request2, request3])
.then(
Axios.spread((area, acct, perms) => {
console.log('全部加載完成')
})
)
.catch(err => {
console.log(err.response)
});
需要在當(dāng)前路由引入axios
import Axios from "axios";
補充知識：vue，axios處理同一個接口多次訪問的執(zhí)行順序問題
碰到個問題記錄一下，就是axios同時多次請求同一個接口（參數(shù)不同）導(dǎo)致數(shù)據(jù)混亂的問題，就是先點擊A，馬上再點擊B，結(jié)果A請求數(shù)據(jù)的速度比B的慢，導(dǎo)致，展示數(shù)據(jù)的時候B的結(jié)果先出來，又馬上閃成A請求的數(shù)據(jù)了。這里有一種解決辦法，在點擊新的接口請求時，關(guān)閉之前正在pending的接口請求。
在已經(jīng)封裝好的axios方法里面，加上紅框中代碼，然后再在你需要的vue文件方法里面加上如下代碼
這樣你每點擊一個事件觸發(fā)新的請求時，之前仍在pending的請求就會被強制關(guān)閉了
以上這篇vue-axios同時請求多個接口 等所有接口全部加載完成再處理操作就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
ElementUI?復(fù)雜頂部和左側(cè)導(dǎo)航欄實現(xiàn)示例
本文主要介紹了ElementUI?復(fù)雜頂部和左側(cè)導(dǎo)航欄實現(xiàn)示例，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04
這篇文章主要介紹了在vue中給后臺接口傳的值為數(shù)組的格式代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
require是一個node方法，用于引入模塊，JSON或本地文件，這篇文章主要介紹了vue中動態(tài)引入圖片為什么要是require,需要的朋友可以參考下2022-10-10
這篇文章主要介紹了Vue3子組件向父組件傳遞消息,本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-07-07
vue使用localStorage保存登錄信息 適用于移動端、PC端
這篇文章主要為大家詳細介紹了vue使用localStorage保存登錄信息 適用于移動端、PC端，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
Javascript結(jié)合Vue實現(xiàn)對任意迷宮圖片的自動尋路
本文將結(jié)合實例代碼介紹Javascript結(jié)合Vue實現(xiàn)對任意迷宮圖片的自動尋路，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
vue中element 的upload組件發(fā)送請求給后端操作
這篇文章主要介紹了vue中element 的upload組件發(fā)送請求給后端操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
本文給大家分享vue自定義組件的四種方式，通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友參考下吧2020-02-02
這篇文章主要給大家介紹了關(guān)于vue組件入門知識的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09
正常情況下Vue推薦用props向子組件參數(shù),但是在特定場景下,使用$attrs會更方便,下面這篇文章主要給大家介紹了關(guān)于vue2.x中$attrs使用的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-11-11