vue 搜索关键词高亮显示
html
<p class="message-title" v-html="item.msgTitle"></p>
js
// 匹配关键字正则let replaceReg = new RegExp(value, "g");// 高亮替换v-html值let replaceString = '<span style="color:#5184ff">' + value + "</span>";//可以在style中设置文字颜色// 开始替换// titleString = titleString.replace(replaceReg, replaceString);var meslist = resp.data.map((item) => {//resp.data为接口数据item.msgTitle = item.msgTitle.replace(replaceReg, replaceString);});this.appList = resp.data//把修改后的数据赋值给data