vue 搜索高亮示例

实现代码如下：

 

HTML

 JS(放在method)

// 高亮的文字
replaceImg: function(str) {

 var strFormat = str.replace(/<[^<>]+>/g, "");

// 如果标题中包含，关键字就替换一下

 if(strFormat.includes(this.Keyword)) {

strFormat = strFormat.replace(

this.Keyword, // 这里是替换成html格式的数据，最好再加一个样式权重，保险一点

 '<font style="color:#B74343!important;">' + this.Keyword + '</font>'

)

return strFormat

 }

// 不包含的话还用这个

 else {

return strFormat

}

}