html5 - vue.js でエスケープ文字の式判定を行うにはどうすればよいですか?

Question

&lt;text class="iconfont"&gt;{{selected == item.id ? '&#xe839;' : '&#xe83a;'}}&lt;/text&gt;このように書くと、正しいアイコンフォントを表示できますが、 、&lt;text class="iconfont"&am

淡淡烟草味 · Answer

これは、HTML に文字列を入れると、まず Vue によって解析されてからブラウザによって取得されるため、結果は Vue に到達した時点ですでにエスケープされているためです。

{{}} 即 v-text 是设置元素的 textContentだから逃げられない。

そのため、代わりに {{{}}} 或者 v-html を使用できます。