匹配搜尋關鍵高亮 new RegEXP 填坑

2021-08-21 13:05:11 字數 449 閱讀 3898

使用 new regexp 實現

matchkeyword (searchkeyword, value)  else 

if (searchkeyword && searchkeyword.length > 0)

}return value //返回替換後加上高亮樣式的正文內容

} else

}用v-html 去解析返回的內容,這樣樣式(html標籤)才會被解析

注意:一定要考慮  searchkeywords[i]  為空,導致  replacereg 值為空的情況 ,當 replacereg為空時,它與全文都能匹配,最後的結果是全文均能被匹配上,加上高亮樣式。

解決:1.關鍵字串包含多個用空格隔開的字串,把關鍵字分隔成陣列時,同時去除多餘字串

2.字串分隔成陣列之後,判斷如果為空陣列則不進行匹配操作(如上文)

關鍵字的高亮搜尋

今天在開發中遇到乙個需求,是要求我們把我們搜尋到的那個關鍵字匹配到的字型改變顏色 平常我們不用框架,在傳值的時候用父子相傳這種方式的時候我們可以用以下 hhh text 另一種是我們路由跳轉時進行的傳參,比如 if data 符合資訊時跳轉 接收時 this.route.query.id 後台管理系...

vue 搜尋高亮關鍵字

在一些查詢中,我們希望我們查詢的關鍵字,可以在查詢內容中高亮出來 this.arr response.data this.caselist this.arr.foreach item this.caselist.map item brightkeyword val else arr是我們從後台獲取的...

WPF搜尋關鍵字高亮顯示

目標 在wpf中,對lucene.net進行全文檢索後的結果中包含的關鍵字進行高亮顯示。檢索結果中的關鍵字高亮顯示,在網頁中顯示是很簡單的,lucene中加標籤樣式就可以了,可是在wpf中就不行了。我在wpf中用gridcontrol顯示搜尋結果列表,gridcontrol的模板裡用textbloc...