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