比如item.text为这样一段html
<p>踩踩踩踩踩<span style="background-color: rgb(230, 0, 0);">踩踩踩踩</span>踩踩踩踩踩踩<strong>踩踩踩踩踩踩踩</strong>踩踩从踩踩踩踩踩踩从</p>
1、v-html 将其当html标签解析后输出,有样式什么的话会渲染出来
<p v-html="item.text"></p>
2、v-text 输出的纯文本,浏览器不会对其再进行html解析
<p v-text="item.text"></p>
v-html应尽量避免使用,会带来xss攻击 跨站脚本攻击,一般只在可信任内容上使用,永不在用户提交的内容上
3、正则 把html标签过滤出来只留下里面的内容
<p>{{ handleText(item.text) }}</p>
handleText(data) {
return data.replace(/<[^>]+>/gi, "");
},