vue 搜索结果高亮
2019-06-20 本文已影响0人
小蝴蝶_037a
这个是方法,无视大小写,this.allStandard是我这里搜索的关键词
//搜索关键字高亮
filterKeyLight(text){
const Reg = new RegExp(this.allStandard.toUpperCase(), 'i');
if(text){
return text.replace(Reg, `<span style="color:#FF6020;">${this.allStandard.toUpperCase()}</span>`);
}
},
把方法放在显示结果的span里 用v-html调用,参数是搜索结果
<span slot="label" v-html="filterKeyLight(text)"></span>
高亮