vue中如何让一块html不被解析

Question

<div style="">
    <Button type="info" ></Button>
    <Button @click="checkbox2=!checkbox2">改变值</Button>
</div>

比如这个代码，我放在一个div中，我不想里面的html被解析，我只想他想显示成文本，应该怎么办？ v-pre和{{{}}}我试过了没有生效。< >什么我的我也知道，我只是想自动转换。有没有好一点的办法。

v-text需要把内容写在js里面，然后绑定进去，有没有直接在html里写可以解决的，毕竟写在字符串里面就没有编辑器高亮了

Answer 1

使用 v-text 参考 http://www.cnblogs.com/shhnwa...

Answer 2

本来以为我只有一个方法，然后发现我有两个了，那么就结题吧。

<textarea></textarea>与<script type="text/html"></script>这两种方法可以让html不被处理。

提问未超过十二个小时不能采纳自己的答案，那我就多说几句吧，上面那两个标签是我做各种富文本编辑器发现的两个标签，script 标签因为我忘写type所以不能使用，我以为只有一种方法，所以跑来想要寻求更多的答案。

Answer 3

v-html呢

Answer 4

有毒。。。写好了用shift + " 包裹