methods: {
// 高亮
Highlight(str) {
const regexp = new RegExp(this.kw, 'ig')
return str.replace(regexp, match => {// match是关键字匹配的值(尽量保持原样)
return `<span style="color:red">${match}</span>`
})
}
// this.suggList = options.map(str => str.replace(/ /g, ''))
}
html文件中就不能用插值表达式了,因为带有标签,要用v-html
<!-- 搜索建议列表 -->
<div class="sugg-list">
<div
v-html="Highlight(item)"
v-for="(item,index) in suggestList"
:key="index"
class="sugg-item"
>
<!-- {{item}} -->
</div>
</div>