美文网首页vue学习
v-html 和 v-text区别

v-html 和 v-text区别

作者: 努力努力的老姑娘 | 来源:发表于2017-08-04 15:50 被阅读0次

    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

    相关文章

      网友评论

        本文标题:v-html 和 v-text区别

        本文链接:https://www.haomeiwen.com/subject/blzvlxtx.html