let list = JSON.parse(JSON.stringify(res.data.rows))
for (let i = 0; i < list.length; i++) {
let content = list[i].content //需要替换的内容
let text = this.search //搜索的文字
let str = `<span style="color: red;">${text}</span>`
list[i].Content = content.replace(new RegExp(text, 'g'), str)
}
this.caseList = list
页面渲染时
<div v-for="(item, index) in caseList" :key="index">
<div v-html="item.content"></div>
</div>
使用replace替换掉文本中与搜索文字相同的内容。插入的内容是html,所以需要使用此方式进行渲染。