有一段html,展示标签里的内容

比如item.text为这样一段html

踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩从踩踩踩踩踩踩从

1、v-html 将其当html标签解析后输出,有样式什么的话会渲染出来

2、v-text 输出的纯文本,浏览器不会对其再进行html解析

v-html应尽量避免使用,会带来xss攻击 跨站脚本攻击,一般只在可信任内容上使用,永不在用户提交的内容上

3、正则 把html标签过滤出来只留下里面的内容

{{ handleText(item.text) }}

handleText(data) {
      return data.replace(/<[^>]+>/gi, "");
    },

你可能感兴趣的:(前端,html)