表单中输入内容，搜索时，下面table中该列中包含关键字的高亮显示

Posted 2022-03-05 5201314m

　　有时候为了在搜索时清楚直观，需要关键字的高亮显示，

　　效果如下：

　

 

 

　　思想：在下面table中，本来应该是直接渲染数据，此时，可以先写一个方法，里面包含两个参数，分别是该显示的内容以及进行搜索时输入的关键字，在该方法中，进行判断，若是该列内容中包含关键字，则将关键字颜色改变，然后替换掉；若是没有，则还是原样显示。

表单中：

　　

table表格中：

　　

此时需要写关键字高亮显示的方法：

　　

在该方法中，可以使用if判断来进行替换，也可以使用正则来写。