根据指定字符串匹配出现高亮
当获取到后端的数据带标签时候 并且需要特定字段来高亮时 用以下代码可以实现
removeFun(description) {
description = description.replace(/(\n)/g, '');
description = description.replace(/(\t)/g, '');
description = description.replace(/(\r)/g, '');
description = description.replace(/<\/?[^>]*>/g, '');
description = description.replace(/\s*/g, '');
description = description.replace(/[ | ]*\n/g, '\n'); // 去除行尾空白
description = description.replace(/ /ig, '');
description = description.replace(/<\/?[^>]*>/g, ''); // 去除HTML tag
————以上都是去除 后端返回的 "<span class="unable-analyse">bad input path</span>" 这种格式————
var reg = new RegExp('(' + description + ')', 'g'); //要替换的
var newstr = this.str.replace(reg, `<span class="Highlight">${this.errorsContent.highLightKey}</span>`); // this.errorsContent.highLightKey是换成的字符串
this.str = newstr; //这一步的字符串为更改后的
},
<style>
>>>.Highlight{
color:red;
}
</style>