vue中标签的属性绑定值渲染问题

在项目中遇到一个棘手的问题，给span标签添加title，title显示的内容就是该span标签显示的内容，且返回的内容中有html标签，需要解析出来（考虑vue的slot插槽未能实现）

最终解决办法：在绑定的title中使用过滤器，去掉内容中的标签（本项目情况特殊，返回标签固定，所以替换标签比较方便），如果大家还有其他解决办法欢迎留言~~

//template部分--使用的elementUI
 <span class="pointer" :title="scope.row[columns]['string'] | columnTitle" v-html="scope.row[columns]['string']" @click="showColumnDetail(scope.row)">
                </span>

//过滤器
filters: {
    columnTitle(content) {
      let recontent = content.replace(/ /g,' ')
      return recontent.replaceAll("<font color=red>", "").replaceAll("</font>", "")
    }
  },