vue 中indexof_vue2实现搜索结果中的搜索关键字高亮

vue2实现搜索结果中的搜索关键字高亮

方法一、筛选变色

brightenKeyword(val, keyword) {

val = val + '';

if (val.indexOf(keyword) !== -1 && keyword !== '') {

return val.replace(keyword, '' + keyword + '')

} else {

return val;

}

}

方法二、正则表达式

const Reg = new RegExp(keyword, 'i');

if (val) {

return val.replace(Reg, `${keyword}`);

}

使用方法

源码地址

https://github.com/artdong/vue-admin

效果演示

---

经典前端面试题每日更新，欢迎参与讨论，地址：https://github.com/daily-interview/fe-interview。

---

更多angular1/2/4/5、ionic1/2/3、react、vue、微信小程序、nodejs等技术文章、视频教程和开源项目，请关注微信公众号——全栈弄潮儿。