数据绑定——html显示纯文本出错

数据绑定——html显示纯文本出错
列表项目

<body>
<div id="app">
    {{{html}}}
</div>
<script src="vue.js"></script>
<script>
    new Vue({
        el:'#app',
        data:{
            html:"<span>hello</span>"
        }
    })
</script>
</body>

3、页面没显示，报错：
图片描述

4、应该显示的结果是：hello

vue.js html

阅读 6.6k

4 个回答

得票最新

caryhgq

3.5k65484

发布于
2016-11-17

✓ 已被采纳

Vue2 需要输出HTML，请使用v-html指令
<body>
<div id="app" v-html="html"></div>
<script src="vue.js"></script>
<script>
    new Vue({
        el:'#app',
        data:{
            html:"<span>hello</span>"
        }
    })
</script>
</body>