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+关键字的长度,文字总长),用一个数组保存,然后用循环来遍历实现高亮