关于vue项目中搜索节流的实现
2024-08-31 08:36:08
我们经常会遇到这种需求，现在我们在使用百度搜索的时候他们的思想也是
根据防抖节流而实现的，至于用防抖还是节流根据自己需求。
<template>
<input type="text" v-model.trim="sse">
</template>
<script>
const delay = (function () {
let timer = 0
return function (callback, ms) {
clearTimeout(timer)
timer = setTimeout(callback, ms)
}
})()
export default {
name : 'search',
watch : {
sse () {
delay(() => {
this.search()
}, 500)
},
methods ：{
search () {
this.$axios
.get([url])
.then(response => {
// success
})
.catch(error => {
// error
alert('失败！')
})
}
}
}
}
</script>更多内容请见原文，原文转载自：https://blog.csdn.net/weixin_44519496/article/details/119809210
最新文章
- LeetCode-70-Climbing Stairs
- Linux硬链接和软链接
- 简单看看这两个类 String和StringBuilder
- Android内存泄露
- JAVA 对象引用，以及对象赋值
- 深入理解 Javascript 面向对象编程
- dubbo源码之一——xml schema扩展
- SoapUI：使用Excel进行参数化
- 【数据库】Mean web开发 03-MongoDB客户端管理工具NoSQL Manager for MongoDB的使用
- 关于JS中获取浏览器高度和宽度值的多种方法(多浏览器)
- json数组本地获取，以及根据字段排序【部分摘录】
- 用Netty解析Redis网络协议
- springMVC注解总结
- 手机网页制作教程META标签你知道多少？【转+加】
- 4 playlook-Jinja2 filter
- 【转】Maya Mel – Search String in String
- 软件工程APP进度更新
- 【C++】预处理过程与语句总结
- java.lang.IllegalArgumentException: Request header is too large 解决方案
- 【Cesium】物体显示