用vue如何实现同步搜索?

发布于 2022-09-05 03:11:43 字数 246 浏览 11 评论 0

现在很多apps都有一种比较好的体验,就是当你在搜索框输入内容时,下方会同步进行关键字搜索。

如输入1,下方就同时异步搜索,接着输入2,下方就搜索12。

普通输入后回车搜索太简单了,这个感觉升了好几级,只知道可能要用到事件监听input。。vue的v-model对这功能应该有帮助吧?

还有个问题,这样不断响应式地返回搜索结果,不会产生很多http请求吗?

求有经验的大神具体讲下方法,Vue实现起来应该简单些吧T.T

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

不气馁 2022-09-12 03:11:43

v-model实现数据同步,然后通过防抖或者节流来控制请求的次数

尘曦 2022-09-12 03:11:43

1.使用watch监视input的v-model绑定的内容,发生变化则发起请求
2.http请求肯定会有很多个,而且当返回的数据较多时就会慢,可以根据需求进行取舍

土豪我们做朋友吧 2022-09-12 03:11:43

监听 input 事件,然后用 lodash 的 _.debounce 方法防抖动

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文