Vue关键字高亮显示

Vue关键字高亮显示

问题描述：字段中指定关键字要高亮显示，直接就行字段的修改可能后续导出带来一些问题。所以不在原值做修改

法一：从后端进行值的替换

• jsonWord.getString(“word”)：循环获取词库中关注的关键字

item.setDescriptionBak(item.getDescription().replace(jsonWord.getString("word"),"<em style='background-color:red!important;'>"+jsonWord.getString("word")+"</em>"))

替换新值后在前端进行展示，vue可以采用 v-html

<div v-html="result.descriptionBak"></div>

法二：前端

if (typeof description !== "undefined" && description.includes(tag.word)) {
      descriptionBak = description.replace(tag.word, "<em style='color:red!important;'>"+tag.word+"</em>")
  }