搜索框高亮的几种方法

1、vue的实现方法：

//html
<i v-html="brightenKeyword(item.prod_code.split('.')[0], code)"></i>

//js
brightenKeyword(val, keyword) {
  val = val + "";
  if (val.indexOf(keyword) !== -1 && keyword !== "") {
   return val.replace(keyword,'<font color="#fe3c3b">' + keyword + "</font>");
  } else {
   return val;
 }
}

2、react 的实现方法：
一段文字和关键字匹配，首先用indexOf查找该段文字里面是否含有关键字，如果有则找到关键的位置，根据这个位置split(0,index),split(index,关键字的长度），split(index+关键字的长度，文字总长)，用一个数组保存，然后用循环来遍历实现高亮