js实现匹配到文字设置为红色

html 

 

              searchInput" class="searchinput">

                搜索

             

             

为您找到{{ count }}条符合条件

             

               

•                   v-html="changeKeyRed(v.name, searchInput)">

                 

             

           

mothods

/**

    * 将关键字变为红色

    * @param str  待处理字符串

    * @param keyWord   关键字字符串

    * @returns {*} 将关键字变为红色加粗后的字符串

    */

    changeKeyRed (str, keyWord) {

      if (str != null && keyWord != null) {

        var substr = "/" + keyWord + "/g";

        var replaceStr = str.replace(eval(substr), "" + keyWord + "")

        return replaceStr;

      } else {

        return str;

      }

    },