<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 !
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 letextContent
de l'élément, il ne sera donc pas échappé.{{}}
即v-text
是设置元素的textContent
的,所以不会转义。所以你可以改用
Vous pouvez donc utiliser{{{}}}
或者v-html
{{{}}}
ouv-html
à la place. 🎜