v-html 和 v-text区别

v-text会把全部内容转化为字符串。
v-html则会以html的方式把内容载入到界面中。

<p v-text="Hello"></p>
<p v-html="Hello"></p>
<script>
export default{
           data() {
              return {
                          hello: '<span><img>world</span>'
                      }
              }
}
</script>

在v-text中会显示为，标签名显示为字符串：

<span><img>world</span>

而在v-html中则会显示为，其他的标签名就是标签：

world

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容