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);

  }