用vue如何实现同步搜索?
现在很多apps都有一种比较好的体验,就是当你在搜索框输入内容时,下方会同步进行关键字搜索。
如输入1,下方就同时异步搜索,接着输入2,下方就搜索12。
普通输入后回车搜索太简单了,这个感觉升了好几级,只知道可能要用到事件监听input。。vue的v-model对这功能应该有帮助吧?
还有个问题,这样不断响应式地返回搜索结果,不会产生很多http请求吗?
求有经验的大神具体讲下方法,Vue实现起来应该简单些吧T.T
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
v-model实现数据同步,然后通过防抖或者节流来控制请求的次数
1.使用watch监视input的v-model绑定的内容,发生变化则发起请求
2.http请求肯定会有很多个,而且当返回的数据较多时就会慢,可以根据需求进行取舍
监听 input 事件,然后用 lodash 的 _.debounce 方法防抖动