搜索输入框
<input type="text" :placeholder="i18nTitle('请输入搜索内容')" v-model="searchContent" @keyup="throttleTrack();search();">
data(){
throttleTrack:'', //搜索消抖节流函数
},
mounted(){
//挂载
this.throttleTrack = this.throttle(this.fortest,1500)
},
methods:{
//消抖节流
throttle(fn,delay){
let last = 0
let timer = 0
return function () {
let context = this
let args = arguments
let now = new Date().getTime()
if(now - last < delay){
clearTimeout(timer)
timer = setTimeout(function(){
last = now
fn.apply()
},delay)
}else{
last = now
fn.apply(context,args)
}
}
},
fortest(){
console.log('测试的回调函数')
}
}
消抖函数和节流函数的结合使用
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- 1. 三元表达式 条件成立打印x , 否则打印y 2. 列表推导式 3.生成器 大前提:生成器就是一种自定义的迭代...
- 这个blog我们来聊聊Oracle高级分析函数与统计统计函数结合使用 测试数据: DROP TABLE testa...