溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了“vuejs如何防止重復請求”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“vuejs如何防止重復請求”吧！
vuejs防止重復請求的方法：1、添加自定義文件“preventReClick.js”；2、在main.js中引用preventReClick；3、在按鈕上添加“v-preventReClick”即可。
本文操作環境：Windows7系統、Vue2.9.6版、DELL G3電腦
vuejs怎么防止重復請求？
VUE防止多次點擊，重復請求
1.添加自定義文件 preventReClick.js
import Vue from 'vue'
const preventReClick = Vue.directive('preventReClick', {
inserted: function (el, binding) {
el.addEventListener('click', () => {
if (!el.disabled) {
el.disabled = true
setTimeout(() => {
el.disabled = false
}, binding.value || 3000)
}
})
}
});
export { preventReClick }2.在main.js中引用
import preventReClick from './store/preventReClick' //防多次點擊，重復提交
3.實現方式。在按鈕上添加v-preventReClick
<el-button class="common-button" size="small" type="primary" @click="handleSave('form')" v-preventReClick>保 存</el-button>感謝各位的閱讀，以上就是“vuejs如何防止重復請求”的內容了，經過本文的學習后，相信大家對vuejs如何防止重復請求這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
