vue的v-html如何渲染标签字符？类似<a>

Question

<p v-html="iHtml"></p>

computed:{
    iHtml:function(){
        let result = '<span>' + '<a>' + '</span>'
        return result
    }
},

渲染不出来

Answer 1

你需要转义标签字符，不过你可以用html字符实体来替代，例如:
<a>。你的代码应该这样:

<p v-html="iHtml"></p>

computed:{
    iHtml:function(){
        let result = '<span>' + '&lt;a&gt;' + '</span>'
        return result
    }
}

Answer 2

<a> 标签没有闭合标签

Answer 3

亲测，可以渲染，请贴全部代码