宝哥软件园

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

编辑:宝哥软件园 来源:互联网 时间:2021-08-30

具体代码如下:

//过滤颜色变化亮化关键字(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向您介绍的在搜索结果中突出显示搜索关键词的代码。希望对你有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!

更多资讯
游戏推荐
更多+