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

Question

<text class="iconfont">{{selected == item.id ? '' : ''}}</text>
次のように書きます。正しいアイコンフォントを表示できます
ただし、
<text class="iconfont">{{selected == item.id ? item.selIcon : item.nmlIcon}}</text>
データに
nmlIcon を定義: '',
selIcon : ''
現時点では表示できません

その理由は何ですか?専門家の方、分析をお願いします、ありがとう！

Answer 1

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

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

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