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。