本篇文章给大家带来的内容是关于vue2中实现搜索结果中关键词高亮的代码，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
// 筛选变色
brightenKeyword(val, keyword) {
val = val + '';
if (val.indexOf(keyword) !== -1 && keyword !== '') {
return val.replace(keyword, '<font color="#409EFF">' + keyword + '</font>')
} else {
return val
}
}// 使用方法
<el-table-column label="维护内容"> <template slot-scope="scope"> <span v-html="brightenKeyword(scope.row.strContent, filters.strContent)" ></span> </template> </el-table-column>
开源项目地址： https://github.com/alex-0407/...
相关推荐：
用JS将搜索的关键字高亮显示实现代码_javascript技巧
Atas ialah kandungan terperinci vue2中实现搜索结果中关键词高亮的代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Adakah python bahagian hadapan atau belakang?
Cara melaksanakan pemesejan segera pada bahagian hadapan
Apakah kaedah penghasilan penghasilan animasi html5?
Perbezaan antara HTML dan HTML5
Mengapakah vue.js melaporkan ralat?
Apakah kegunaan slot vue.js?
Cara melompat dengan parameter dalam vue.js
Perbezaan antara front-end dan back-end
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
