js
/**
* 搜索键关键字变色
* @param {*} data 要替换的数组
* @param {*} key 替换字段的key值
* @param {*} value 搜索的关键字
*/
function searchNotes (data, key, value) {
// 搜索键关键字变色
var nWord = value // 获取el表达式冲文本框输入的关键字
var array = nWord.split('') // 分割
var dsa = data // 获取全部商品
for (var t = 0; t < dsa.length; t++) {
for (var i = 0; i < array.length; i++) {
// 创建表达式,匹配替换
var reg = new RegExp('(' + array[i].replace(/,/, '|') + ')', 'g')
// 替换重新写入商品名, 匹配结果中对应的分组匹配结果
dsa[t][key] = dsa[t][key].replace(reg, "<span style='color:#f44336;'>$1</span>")
}
}
return dsa
}
html
<div
v-for="item of selectCity"
:key="item.region_id"
@click="checkCity(item.region_id,item.region_name,2)"
class="city-list"
>
<rich-text :nodes="item.region_name"></rich-text>
<!-- {{item.region_name}} -->
</div>
效果