根据指定字符串匹配出现高亮

当获取到后端的数据带标签时候 并且需要特定字段来高亮时 用以下代码可以实现

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>