效果:
实现思路:
用v-html实现
把搜索的关键词记录下来,serachText
title截取serachText的内容 然后join标签
代码:
html
<div v-html="toolTipTitle"></div>
js
computed: {
toolTipTitle() {
let titleIdCodeText =this.titleText//props传入的,不管怎么样,拿到这个显示的标题就是了
// titleIdCodeText = titleIdCodeText.replace(/<font color=red>/g, '')
// titleIdCodeText = titleIdCodeText.replace(/<\/font>/g, '')
//this.searchValue为搜索框的关键词,也可以props传入
titleIdCodeText = titleIdCodeText.split(this.searchValue).join(`<font color=red>${this.searchValue}</font>`)
return titleIdCodeText
}
},