国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

vue2實現搜索結果中的搜索關鍵字高亮的代碼

2019-11-19 13:07:03
字體:
來源:轉載
供稿:網友

具體代碼如下所示:

// 篩選變色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 style="color: #409EFF;">${keyword}</span>`);  }}// 使用方法<el-table-column label="維護內容">  <template slot-scope="scope">   <span v-html="brightenKeyword(scope.row.strContent, filters.strContent)" ></span>  </template></el-table-column>

開源項目地址: github.com/alex-0407/v…

效果演示

總結

以上所述是小編給大家介紹的vue2實現搜索結果中的搜索關鍵字高亮的代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 荆门市| 连平县| 甘谷县| 仁怀市| 海宁市| 昌黎县| 寻乌县| 七台河市| 法库县| 临泽县| 沧州市| 布拖县| 建昌县| 凯里市| 阿合奇县| 九龙坡区| 鄂托克前旗| 米易县| 东乡| 富宁县| 砚山县| 赣州市| 芮城县| 平陆县| 海淀区| 长阳| 汽车| 东乡| 濉溪县| 林州市| 西乌珠穆沁旗| 临汾市| 宣城市| 林芝县| 莎车县| 明光市| 宣武区| 凤山县| 驻马店市| 南投县| 察隅县|