html这样写,我是写在elementui的table里的,“scope.row.title”换成自己要显示的内容
<span v-html="showKeyWord(scope.row.title)"></span>
js的方法:“this.form.title”是我输入的搜索词
showKeyWord(val) {
// 1.传入关键词数组keyWordArr
let keyWordArr = this.form.title.split('');
let str = val;
if(this.form.title && this.form.title != '') {
// 2.定制关键词对应正则
keyWordArr.forEach(e => {
let regStr = '' + `(${e})`;
let reg = new RegExp(regStr,"g");
// 3.正则替换,关键词飘红
str = str.replace(reg, '<span style="color:red;">'+ e +'</span>')
})
}
return str;
},