思路：我們可以利用js的正規表示式來匹配搜尋的關鍵字，匹配的文字變紅之後的文字在寫入網頁。
js正規表示式：
var re1 = /abc\-001/;var re2 = new regexp('abc\\-001');
re1;
///abc\-001/
re2; //
/abc\-001/
注意，如果使用第二種寫法，因為字串的轉義問題，字串的兩個\\實際上是乙個\。
js實現：
brightenkeyword(val, keyword) `);return
res;
}}
然後將返回的字串寫到對應元素中（vue）：
其他前端實現異曲同工。
**自:前端怎麼實現搜尋內容關鍵字標紅
關鍵字搜尋內容總結
一 sql語句中的模糊查詢 主要通過like 不區分大小寫 關鍵字實現模糊查詢。like條件一般用在指定搜尋某字段的時候,通過 或者 萬用字元的作用實現模糊查詢功能，萬用字元可以在字段前面也可以在後面或前後都有。只通過like是無法實現模糊查詢的，因此萬用字元的作用不可忽略。下面是三個例項 搜尋以p...
elementUI實現關鍵字搜尋 只是搜尋
有過迷茫的階段獨自走在回家的街上，當我發現路還離我很遠現在依然是像當初那麼渴望 elementui實現關鍵字搜尋 運用的elementui選擇器中的遠端搜尋功能 還沒有封裝，接下來會封裝，封裝一點點學，不著急 結構 data 登記門店 prop name class el btn from sele...
vue 前端處理監聽關鍵字搜尋
根據元件的業務需要，有時候搜尋是把關鍵字返回給後台，後台處理後再把資料返回給前端渲染 多次請求伺服器 有時候是前端把頁面的資料全部獲取下來，前端處理關鍵字的搜尋 影響頁面載入 我這個文章是介紹第二種情況，主要是要先了解es6的filter 和includes filter 方法建立乙個新的陣列，新陣...