js实现文字高亮内容替换

最新推荐文章于 2024-09-14 18:52:56 发布

本地是好的

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量212

点赞数

文章标签： javascript 前端 vue

本文链接：https://blog.csdn.net/qq_40958876/article/details/132421142

版权

<div v-html="highLightword(scope.row?.msg, (query.msg +' '+ query.log_content))"></div>

//搜索高亮
function highLightword(val: string, keyword: string) {
  if (keyword.length > 0) {
    let keywordArr = keyword.split(" ") //此处根据需求自定义拆分
    // let keywordArr = [keyword];
    console.log(keywordArr,'keywordArr')
    val = val + "";
    keywordArr.forEach(item => {
      if (val.indexOf(item) !== -1 && item !== "") {
        val = val.replace(
            new RegExp(item, 'g'),
            '<font color="#f75353">' + item + "</font>"
        );
      }
    });
    return val;
  } else {
    return val;
  }
}