搜索交互
本话题发布搜索交互相关的问答文章和技术分享，将持续更新，为您推荐了15篇问答，访问即可查看更多精彩内容。
-
1
回答
26浏览
搜索关键词高亮怎么在Vue里实现？
我在做搜索功能时想把匹配的关键词高亮显示，但直接用 v-html 插入带标签的字符串感觉不安全，而且试了下还会把整个结构搞乱。有没有更稳妥的办法？ 比如我现在是这样写的： <template&g...
-
1
回答
36浏览
热门搜索关键词怎么实现自动轮播切换？
我在做搜索页的“热门搜索”模块，想让前10个关键词每隔3秒自动轮播展示，比如一次显示5个，然后平滑切换到下一组。试过用 setInterval 配合数组 slice 切片，但切换时没有过渡动画，而且最...
-
1
回答
33浏览
拼音搜索怎么匹配中文关键词？
我做了一个商品搜索功能，用户输入拼音比如 "shouji"，希望能匹配到 "手机" 这类中文词，但不知道怎么实现。 试过用 pinyin 库把商品名转成拼音再比对，但性能太差，列表一长就卡。有没有更高...
-
1
回答
57浏览
拼音搜索怎么实现首字母匹配？
我在做一个联系人搜索功能，用户输入拼音首字母（比如“zj”）要能匹配到“张杰”这种名字，但不知道怎么高效处理。 试过把中文转成拼音再截取首字母，但性能很差，而且引入的库太大了。有没有轻量点的办法？ 现...
-
1
回答
47浏览
搜索建议列表点击后无法正确填入输入框怎么办？
我在做搜索框的自动建议功能，用的是监听 input 事件 + 调接口返回关键词列表。现在问题是，点击建议项时，输入框的值虽然能通过 inputRef.current.value = item 设置，但...
-
1
回答
85浏览
实时搜索时输入框样式错乱怎么办？
我在做实时搜索功能，输入内容时下拉列表会闪动，而且输入框的边框样式突然变了，明明没改过CSS啊。 试过加transition也没用，控制台也没报错。是不是和focus状态冲突了？我的输入框样式是这样写...
-
1
回答
24浏览
ElasticSearch 搜索结果高亮怎么不生效？
我在用 ElasticSearch 做商品搜索，加了 highlight 配置但返回结果里没有高亮字段。请求体里明明写了 "highlight": { "fields": { "title": {} ...
-
2
回答
46浏览
Fuse.js 搜索结果高亮样式不生效是怎么回事？
我用 Fuse.js 做了个搜索功能，返回结果后想把匹配的关键词高亮显示，但加了 CSS 样式完全没反应。我试过给匹配词包上 <mark> 标签，也检查了类名，就是不生效。 这是我的高亮样...
-
2
回答
51浏览
模糊搜索时中文输入法下拼音还没上屏就被触发了怎么办？
我在做商品搜索框的模糊匹配，用的是 input 事件监听，但发现用户用中文输入法打拼音时，还没选词确认，搜索就提前触发了，导致搜不到结果还报错。 试过加防抖，但问题没解决，因为输入法组合阶段也会触发 ...
-
2
回答
25浏览
Algolia 搜索结果不更新，是不是我用错了 instantsearch.js？
我用 Algolia 的 instantsearch.js 做了个搜索框，但改了 query 后页面结果完全没变，控制台也没报错，是不是哪里初始化错了？ 我试过重新调用 search.refresh(...
-
2
回答
48浏览
搜索栏和过滤器同时触发时如何避免重复请求？
我现在在做一个电商产品页面，用户可以通过搜索框输入关键词，同时用下拉框选择分类进行过滤。但发现当用户同时修改搜索词和分类时，会连续发送多次请求。比如先改分类再改搜索词，间隔0.5秒内就会触发两次请求，...
-
2
回答
37浏览
移动端搜索结果列表在输入时被虚拟键盘挡住如何解决？
大家好，我在做搜索功能时遇到个怪问题。当用户输入搜索词后，点击搜索结果列表时，虚拟键盘弹出导致列表底部被遮挡，无法滑动到底部。 我尝试给搜索结果容器加了overflow-y: auto和固定高度，但滑...
-
2
回答
204浏览
搜索历史清除按钮点击后数据没更新怎么办？
在做搜索框的历史记录功能时，我给清除按钮绑定了点击事件，但点击后页面上的历史列表没变化。虽然控制台没报错，但localStorage里的数据也没被删掉。我尝试过用localStorage.remove...
-
2
回答
53浏览
热门搜索词点击后怎么让当前项立刻置顶而不重复？
在做搜索框热门推荐时，用户点击某个词后想让它立刻跳到列表最前面，但用数组splice和unshift操作后，发现点击同一个词会重复添加，导致列表出现多个相同的条目。尝试过先过滤再插入，但动画过渡时会出...
-
2
回答
52浏览
为什么热门搜索标签在移动端显示时会挤在一起并换行？
我在做一个热门搜索栏，用Flex布局排布标签，设置了 nowrap，但移动端显示时标签还是会挤在一起换行，看起来很难看。试过调整 min-width 和 flex-shrink，但没用。代码大概是这样...
