html5 - Wie führe ich eine Ausdrucksbeurteilung für Escape-Zeichen in vue.js durch?

Question

<text class="iconfont">{{selected == item.id ? '' : ''}}</text>
So geschrieben kann ich das Richtige anzeigen iconfont
Allerdings ist
<text class="iconfont">{{selected == item.id ? item.selIcon : item.nmlIcon}}</text>
in data
nmlIcon : '&# xe837 definiert ;',
selIcon : ''
Derzeit kann ich es nicht anzeigen

Was ist der Grund dafür? Experten, geben Sie mir bitte eine Analyse, vielen Dank!

Answer 1

这是因为在 HTML 放字符串的话，是先浏览器解析 Vue 再得到的，所以到了 Vue 手上就是已经转义了的结果。

{{}} 即 v-text 是设置元素的 textContent 的，所以不会转义。

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