const searchKeyword = new RegExp(value,'ig');//value为输入的值，用正则转换成忽略大小
//data为文本内容，用忽略了大小写的搜索关键字把文本内容拆分为数组，再把高亮后的搜索关键字插入数组
data.split(searchKeyword).reduce((prevResult,current_item,index)=>{
return (
<span>
<span>{prevResult}</span>
<span className={styles.highLight}>{data.match(searchKeyword)[index-1]}</span>
<span>{current_item}</span>
</span>
)
})
搜索关键字高亮显示，就比微信多个多音字搜索 搜索关键字高亮显示，就比微信多个多音字搜索
1.搜索关键字高亮显示 搜索关键字高亮显示Dome 2.动态改变tableHeaderView的高度 关键效果设置...
微信小程序实现某个关键字高亮显示 需求： 实现对列表搜索的关键字进行高亮显示 js wxml wxs ---公共的...
1、类似百度搜索关键字，并高亮显示关键字内容 1.1 关键字高亮函数设置 1.2 清除选中的关键字高亮 1.3...
需求内容： 根据搜索关键字查询，对后台返回的数据进行搜索关键字高亮显示 实现方法：
个人学习以做笔记记录，在搜索solr时对关键字进行高亮显示 /** * 根据关键字搜索列表 * @param ke...
搜索关键字、显示高亮关键字参考：https://www.jianshu.com/p/67f37e1723da[ht...
前言 最近项目中在做一个搜索的功能，要求搜索出来的内容要匹配搜索关键字高亮显示，三套方案： 对于搜索的关键字全部高...
需求：通过elasticsearch搜索出来的结果需要根据关键字进行高亮显示思考：对关键字进行多项切割，去除符号空...
本文标题：搜索关键字高亮显示
本文链接：https://www.haomeiwen.com/subject/wejmaqtx.html
网友评论