vue项目中如何利用filter过滤后台数据中的标签

背景交代

后台数据：

DOM结构：

这里我们利用filter来把标签替换掉，首先介绍一下filter的用法，在插值表达式中可以利用

 {{item.newsTitle |filterHtmlTag}}

filterHtmlTag就是我们要写在filters中的替换标签函数
filters与data同级：

filters: {
    filterHtmlTag(t) {
      if (!t) return '';
      return t.toString().replace(/<.*?>/g, '');
    },
  },

这里用到了正则匹配，首先将参数t转换为字符串，然后全局查找标签，找到之后换成’’-空字符。这样在页面中就不会显示任何标签了。