Vue延遲事件執行

 

歡迎一起討論

Geooo的個人博客：https://geooo.gitee.io/geoooblog/

前言

情景1

我們需要將業務功能延時處理

情景2

有時用戶需要多次點擊事件，短時間內需要多次發送異步請求

情景3

頁面加載時需要將控件延時顯示給客戶觀察

補充

我剛看了百度搜索，百度搜索框，你輸入一個東西，他會在下面列出搜索聯想詞。比如你在搜索框快速輸入‘abc’這三個字母的時候，他實際上並不是每個字母都發送一次查詢。但是你稍微緩慢的輸入a、b、c這時候就發送三個查詢了。

這時我們需要使用 Vue 的 setTimeout 方法將所需要的方法進行延時處理

created () {
    this.loading = this.$loading({ type: 'text', text: '加載中,請稍等...' }) //此處寫調用接口 var t = setTimeout(function () { this.loading.close() console.log('加載框已關閉...') }, 1000); }