具體代碼如下所示：

網站建設哪家好，找成都創新互聯！專注于網頁設計、網站建設、微信開發、成都微信小程序、集團企業網站建設等服務項目。為回饋新老客戶創新互聯還提供了建寧免費建站歡迎大家使用！

// 篩選變色
brightenKeyword(val, keyword) {
  val = val + '';
  if (val.indexOf(keyword) !== -1 && keyword !== '') {
    return val.replace(keyword, '<font color="#409EFF">' + keyword + '</font>')
  } else {
   return val
  }
}
// 或者用正則表達式
brightenKeyword(val, keyword) {
  const Reg = new RegExp(keyword, 'i');
  if (val) {
    return val.replace(Reg, `<span >${keyword}</span>`);
  }
}
// 使用方法
<el-table-column label="維護內容">
  <template slot-scope="scope">
   <span v-html="brightenKeyword(scope.row.strContent, filters.strContent)" ></span>
  </template>
</el-table-column>

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

網頁標題：vue2實現搜索結果中的搜索關鍵字高亮的代碼-創新互聯
標題網址：http://www.js-pz168.com/article28/dehicp.html

成都網站建設公司_創新互聯，為您提供建站公司、標簽優化、企業網站制作、小程序開發、定制開發、ChatGPT

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯