html5 - Comment effectuer un jugement d'expression sur les caractères d'échappement dans vue.js?

Question

<text class="iconfont">{{selected == item.id ? '' : ''}}</text>
Écrit comme ceci, je peux afficher le bon iconfont
Cependant,
<text class="iconfont">{{selected == item.id ? item.selIcon : item.nmlIcon}}</text>
est défini dans data
nmlIcon : '&# xe837 ;',
selIcon : ''
Pour le moment, je ne peux pas l'afficher

Quelle en est la raison ? Experts, donnez-moi une analyse, merci !

Answer 1

En effet, lorsque vous mettez une chaîne en HTML, elle est d'abord analysée par Vue puis obtenue par le navigateur, donc le résultat est déjà échappé lorsqu'il atteint Vue.

{{}} Autrement dit, v-text définit le textContent de l'élément, il ne sera donc pas échappé. {{}} 即 v-text 是设置元素的 textContent 的，所以不会转义。

所以你可以改用 {{{}}} 或者 v-html

Vous pouvez donc utiliser {{{}}} ou v-html à la place. 🎜