vue组件中想在页面上展示html代码,可是每次都是被当成代码执行了,没辙了。请问有没有办法了?

比如在页面上想显示<a>test</a>,不论我用<pre>标签还是<textarea>
结果在页面上都是显示test连接。

阅读 13.2k
5 个回答

{{html}}不会将html当做元素插入,{{{html}}}会将html当做元素插入。

用{{}}包裹啊

<div id="vue">
    {{text}}
</div>
new Vue({
        el: '#vue', 
        data: {
            text: '<a>test</a>'
        }
    });

图片描述

data中声明一个值为<a>test</a>的变量

小伙子,多看文档!!!v-html就可以了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题