這篇文章主要介紹了vue如何解決一個(gè)方法同時(shí)發(fā)送多個(gè)請(qǐng)求的問(wèn)題，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)專(zhuān)業(yè)IDC數(shù)據(jù)服務(wù)器托管提供商，專(zhuān)業(yè)提供成都服務(wù)器托管，服務(wù)器租用，服務(wù)器托管雅安，服務(wù)器托管雅安，成都多線服務(wù)器托管等服務(wù)器托管服務(wù)。

在項(xiàng)目開(kāi)發(fā)過(guò)程中，讓人抓狂之一的問(wèn)題就是一個(gè)點(diǎn)擊事件，當(dāng)快速點(diǎn)擊的時(shí)候，它會(huì)重復(fù)發(fā)送多個(gè)請(qǐng)求。這是不允許出現(xiàn)的。

但是怎么解決這個(gè)問(wèn)題呢？

一般處理方法，就是點(diǎn)擊的時(shí)候，立刻將該按鈕disabled，這樣就可以避免重復(fù)發(fā)送請(qǐng)求了。但是我發(fā)現(xiàn)這個(gè)有一個(gè)弊端，那就是：

如果，該事件有許多的驗(yàn)證，比如電話、郵箱格式是否正確呀，必填的是否填了呀等等。一旦你點(diǎn)擊就把按鈕disabled了，發(fā)現(xiàn)該填的沒(méi)填，回去填完后發(fā)現(xiàn)按鈕不能點(diǎn)了？那是因?yàn)閯偛劈c(diǎn)擊的時(shí)候被你disabled了，所以還得在驗(yàn)證的方法中取消按鈕的disable。就造成了你點(diǎn)擊的時(shí)候，第一步，將按鈕disable了，然后一步一步向下驗(yàn)證，如果驗(yàn)證出錯(cuò)，得取消disable，當(dāng)所有驗(yàn)證通過(guò)了，在請(qǐng)求的回調(diào)函數(shù)中，成功了也要取消disable，失敗了也要取消disable，因?yàn)槭×擞脩舳喟脒€會(huì)繼續(xù)點(diǎn)兩次，不取消disable會(huì)讓用戶發(fā)現(xiàn)怎么點(diǎn)不了了。這就造成了全篇都是按鈕disable的設(shè)置與取消。一旦有修改，很難維護(hù)的。

在vue中，有一個(gè)lodash,我們只需引入就可以使用了。比如以下代碼：

我們首先將發(fā)送請(qǐng)求的ajax方法寫(xiě)在一個(gè)函數(shù)里面，在這里就是sendAjax函數(shù)，其次，我們引入lodash，然后將sendAjax這個(gè)函數(shù)用一個(gè)方法自定義一下，在這里就是doPostAction，其中_是我們引入的lodash，_.debounce是一個(gè)限制操作頻率的函數(shù)，里面的是500是毫秒單位。

當(dāng)執(zhí)行點(diǎn)擊事件的時(shí)候，也就是postAction函數(shù)，我們只需要調(diào)用doPostAction這個(gè)函數(shù)就可以了，而那個(gè)500的功能就是你在這個(gè)時(shí)間段里，無(wú)論執(zhí)行了多少次這個(gè)點(diǎn)擊事件，它都只會(huì)執(zhí)行一次。

這樣就少了我們通篇disable來(lái)disable去

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“vue如何解決一個(gè)方法同時(shí)發(fā)送多個(gè)請(qǐng)求的問(wèn)題”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!