vue如何使用async、await實(shí)現(xiàn)同步請(qǐng)求
這篇文章主要介紹了vue如何使用async、await實(shí)現(xiàn)同步請(qǐng)求,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
以下是vue method的demo:
loadTableData : async function() { var reses = await $.ajax({ type:'post', url:'/linewell/system/user/queryPageList.do'/*, }); console.log("reses", reses); }
其中方法需要用async修飾, 然后
var 變量 = await 請(qǐng)求
就可以將請(qǐng)求到的響應(yīng)賦值給reses, 否則按照傳統(tǒng)的異步請(qǐng)求, 定義變量reses, 在success函數(shù)中對(duì)reses進(jìn)行賦值, 打印出來(lái)的reses仍然為空。
但是我們一般不建議這么寫(xiě),若確實(shí)需要先獲取相應(yīng)的信息,可以把業(yè)務(wù)代碼封裝到一個(gè)方法里面,然后在success回調(diào)函數(shù)中,調(diào)用這個(gè)方法, 將需要的參數(shù)傳遞進(jìn)去。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Vue?中?Promise?的then方法異步使用及async/await?異步使用總結(jié)
- vue中異步函數(shù)async和await的用法說(shuō)明
- vue中用 async/await 來(lái)處理異步操作
- 詳解vue中async-await的使用誤區(qū)
- vue如何在for循環(huán)中設(shè)置ref并獲取$refs
- Vue中實(shí)現(xiàn)v-for循環(huán)遍歷圖片的方法
- 使用vue?v-for循環(huán)圖片路徑方式
- Vue 實(shí)現(xiàn)v-for循環(huán)的時(shí)候更改 class的樣式名稱
- vue在?for?循環(huán)里使用異步調(diào)用?async/await的方法
相關(guān)文章
基于Vue3定制復(fù)雜組件滾動(dòng)條的實(shí)現(xiàn)
這篇文章主要介紹了如何利用vue3定制復(fù)雜組件的滾動(dòng)條,文中通過(guò)示例代碼講解詳細(xì),需要的朋友們下面就跟隨小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04vue中獲取滾動(dòng)table的可視頁(yè)面寬度調(diào)整表頭與列對(duì)齊(每列寬度不都相同)
這篇文章主要介紹了vue中獲取滾動(dòng)table的可視頁(yè)面寬度,調(diào)整表頭與列對(duì)齊(每列寬度不都相同),需要的朋友可以參考下2019-08-08前端vue如何根據(jù)菜單自動(dòng)生成路由(動(dòng)態(tài)配置前端路由)
估計(jì)有不少人遇過(guò)這樣的需求:根據(jù)后臺(tái)數(shù)據(jù)動(dòng)態(tài)添加路由和菜單,這篇文章主要給大家介紹了關(guān)于前端vue如何根據(jù)菜單自動(dòng)生成路由的相關(guān)資料,需要的朋友可以參考下2024-04-04Vue.js 父子組件通訊開(kāi)發(fā)實(shí)例
這篇文章主要介紹了Vue.js 父子組件通訊開(kāi)發(fā)實(shí)例的相關(guān)資料,本文介紹的非常詳細(xì),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-09-09vue實(shí)現(xiàn)輸入框只允許輸入數(shù)字
在vue項(xiàng)目中,輸入框只允許輸入數(shù)字,現(xiàn)將自己使用的一種方法記錄,本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友一起看看吧2023-11-11eslint常見(jiàn)的一些報(bào)錯(cuò)及解決方法
這篇文章主要給大家介紹了關(guān)于eslint常見(jiàn)的一些報(bào)錯(cuò)及解決方法,解決eslint的報(bào)錯(cuò)問(wèn)題可以要根據(jù)報(bào)錯(cuò)行數(shù)快速定位.文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-03-03npm install sentry-cli失敗的問(wèn)題解決
本文主要介紹了npm install sentry-cli失敗的問(wèn)題解決,文章首先描述了問(wèn)題現(xiàn)象,然后分析了問(wèn)題的原因,具有一定的參考價(jià)值,感興趣的可以了解一下2023-08-08