vue2实现了在搜索结果中突出显示搜索关键词的代码

具体代码如下：

//过滤颜色变化亮化关键字(val，关键字){ val=val“”；if (val.indexOf(关键字)！==-1个关键字！=='') {returnval。replace(关键字，' font color=' # 409eff ' '关键字'/font ')} else { return val } }//或者使用正则表达式brighten关键字(val，关键字){ constreg=new regexp(关键字，' I ')if(val){ return val . replace(Reg，` span style=' color: # 409EFF'$ { keyword }/span `)；} }//使用方法El-table-column label=' maintenance content '模板slot-scope=' scope ' span v-html=' brightenkeyword(scope。row.strcontent，Filters。开源项目地址：github.com/alex-0407/v…

效果演示

摘要

以上是vue2向您介绍的在搜索结果中突出显示搜索关键词的代码。希望对你有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！