<text class="iconfont">{{selected == item.id ? '' : ''}}</text>
这样子写,我能够显示出正确的iconfont
但是,
<text class="iconfont">{{selected == item.id ? item.selIcon : item.nmlIcon}}</text>
在data里面定义
nmlIcon : '',
selIcon : ''
这时候,我就显示不出来了
请问这是啥原因呢?各位高手麻烦给分析分析,谢谢!
这是因为在 HTML 放字符串的话,是先浏览器解析 Vue 再得到的,所以到了 Vue 手上就是已经转义了的结果。
{{}}
即v-text
是设置元素的textContent
的,所以不会转义。所以你可以改用
{{{}}}
或者v-html
。