VUE中使用promise all傳送多個請求

2022-04-08 16:41:31 字數 733 閱讀 8528

vue中使用promise.all傳送多個請求

1.建立兩個promise,在promise中使用axios

2.呼叫promise.all([p1,p2]).then(res=>{}).catch(err=>{})方法

promse.all在處理多個非同步處理時非常有用,比如說乙個頁面上需要等兩個或多個ajax的資料回來以後才正常顯示,在此之前只顯示loading圖示。

**模擬:

let wake = (time) =>秒後醒來`)

}, time)

})}let p1 = wake(3000)

let p2 = wake(2000)

promise.all([p1, p2]).then((result) =>).catch((error) =>)

promise.all 生成並返回乙個新的 promise 物件,所以它可以使用 promise 例項的所有方法。引數傳遞promise陣列中所有的 promise 物件都變為resolve的時候,該方法才會返回, 新建立的 promise 則會使用這些 promise 的值。

需要特別注意的是,promise.all獲得的成功結果的陣列裡面的資料順序和promise.all接收到的陣列順序是一致的,即p1的結果在前,即便p1的結果獲取的比p2要晚。這帶來了乙個絕大的好處:在前端開發請求資料的過程中,偶爾會遇到傳送多個請求並根據請求順序獲取和使用資料的場景,使用promise.all毫無疑問可以解決這個問題。

Vue之在vue中使用render

使用components進行渲染得到 建立 vue 例項,得到 viewmodel var vm newvue methods components script body html 使用render 這裡 return 的結果,會 替換頁面中 el 指定的那個 容器 建立 vue 例項,得到 vi...

Vue 如何在Vue中使用樣式

使用class樣式 1.陣列 第一種使用方式,直接傳遞乙個陣列,注意 這裡的class需要使用 v bind做資料繫結 2.陣列中使用三元表示式 3.陣列中巢狀物件 4.直接使用物件 不用陣列包裹 既然是乙個物件,那我們也可以直接在data身上寫進行儲存 內聯樣式 1.直接在元素上通過v bind ...

vue中使用加密 解密

首先引入cdn src script 在webpack.base.conf.js配置 externals 在src目錄下,建立crypto資料夾,新建index.js檔案,寫入加密 export default return encrypted.tostring 解密 get word,keystr...