關鍵字的高亮搜尋

2021-10-08 14:06:55 字數 521 閱讀 4361

今天在開發中遇到乙個需求,是要求我們把我們搜尋到的那個關鍵字匹配到的字型改變顏色

平常我們不用框架,在傳值的時候用父子相傳這種方式的時候我們可以用以下**。

hhh(text)

另一種是我們路由跳轉時進行的傳參,比如:

if(data == "符合資訊時跳轉")

})}

接收時:this.$route.query.id

後台管理系統一般用的框架比較多,我們想把年齡和身份證的資料改一下高亮可以用

numcolor(val) else 

}

展示時用

v-html="numcolor(要傳的資料)"
簡單的來說,其實關鍵字高亮就是把我們原本的資料傳給我們,然後在去資料裡面找和我們匹配的一些關鍵字,找到之後我們給關鍵字乙個顏色,讓他的顏色顯示出來。

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...

搜尋功能,關鍵字高亮顯示

如下,直接呼叫即可 搜尋關鍵字高亮 param view param value param keys 由key.spilt 分割獲得 param context public static void setuptextview textview view,final string value,st...