取消双向绑定、输出html代码
1.取消双向绑定,在绑定的值前加*号。
如:
<div id="app"> <p>{{*message}}</p> </div>
2.如果数据html代码,需要将{{}}修改为{{{}}}
<div id="app">
//将解析标签 <p>{{{message}}}</p>
//输出输出<h1>显示的内容将变粗变大</h1>
<p>{{message}}</p>
<input type="text" v-model="message"/>
</div>
<script>
new Vue({
el:'#app',
data:{
message:'<h1>显示的内容将变粗变大</h1>'
}
})
</script>

浙公网安备 33010602011771号