1、找到你要搜索的全部数据
2、通过遍历对每一项的关键字进行替换
3、在渲染处用v-html渲染数据
重点:通过replace 替换掉关键字
this.searchList.map((item) => {
item.name = item.name.replace(
this.value,
`<span style="color:red;">${this.value}</span>`
//模板字符串
);
replace('关键字',`<span style='color:red'>关键字</span>`)
关键词高亮显示技巧
本文介绍了一种在搜索结果中高亮显示关键词的方法,通过使用JavaScript和HTML的结合,能够将搜索到的数据中的关键词用特定颜色标记出来,提高用户体验。
2620

被折叠的 条评论
为什么被折叠?



