html5 - vue.js中,如何對轉義字元進行表達式判斷?
漂亮男人
漂亮男人 2017-05-24 11:36:59
0
1
762

<text class="iconfont">{{selected == item.id ? '' : ''}}</text>
這樣子寫,我能夠顯示出正確的iconfont
但是,
<text class="iconfont">{{selected == item.id ? item.selIcon : item.nmlIcon}}</text>
在data裡面定義
nmlIcon : '',
selIcon : ''
這時候,我就顯示不出來了

請問這是啥原因呢?各位高手麻煩給分析分析,謝謝!

漂亮男人
漂亮男人

全部回覆(1)
淡淡烟草味

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

{{}}v-text 是设置元素的 textContent 的,所以不會轉義。

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板