html5 - vue.js中，如何對轉義字符進行表達式判斷？

問題描述

<text class='iconfont'>{{selected == item.id ? ’&#xe839;’ : ’&#xe83a;’}}</text>這樣子寫，我能夠顯示出正確的iconfont但是，<text class='iconfont'>{{selected == item.id ? item.selIcon : item.nmlIcon}}</text>在data里面定義nmlIcon : ’&#xe837;’,selIcon : ’&#xe835;’這時候，我就顯示不出來了

請問這是啥原因呢？各位高手麻煩給分析分析，謝謝！

問題解答

這是因為在 HTML 放字符串的話，是先瀏覽器解析 Vue 再得到的，所以到了 Vue 手上就是已經轉義了的結果。

{{}} 即 v-text 是設置元素的 textContent 的，所以不會轉義。

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