扫码关注官方订阅号
{{selected == item.id ? '' : ''}}这样子写,我能够显示出正确的iconfont但是,{{selected == item.id ? item.selIcon : item.nmlIcon}}在data里面定义nmlIcon : '',selIcon : ''这时候,我就显示不出来了
请问这是啥原因呢?各位高手麻烦给分析分析,谢谢!
这是因为在 HTML 放字符串的话,是先浏览器解析 Vue 再得到的,所以到了 Vue 手上就是已经转义了的结果。
{{}} 即 v-text 是设置元素的 textContent 的,所以不会转义。
{{}}
v-text
textContent
所以你可以改用 {{{}}} 或者 v-html。
{{{}}}
v-html
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
这是因为在 HTML 放字符串的话,是先浏览器解析 Vue 再得到的,所以到了 Vue 手上就是已经转义了的结果。
{{}}即v-text是设置元素的textContent的,所以不会转义。所以你可以改用
{{{}}}或者v-html。