<span v-html="brightenKeyword(item.current_media.name, value)"></span>
使用v-html绑定方法名并传递两个参数,第一个参数是:景点名称;第二个参数是:搜索框内输入的搜索内容
brightenKeyword(val, keyword) {
// 方法1:筛选变色
// val = val + '';
// if (val.indexOf(keyword) !== -1 && keyword !== '') {
// return val.replace(keyword, '<font color="#409EFF">' + keyword + '</font>')
// } else {
// return val
// }
// 方法2:用正则表达式
const Reg = new RegExp(keyword, "i");
if (val) {
const res = val.replace(
Reg,
`<span style="color: #FF7800;">${keyword}</span>`
);
// console.log(res);
return res;
}
},