文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
html5 - vue.js中，如何对转义字符进行表达式判断？
漂亮男人
漂亮男人 2017-05-24 11:36:59
[HTML讨论组]
0 1 1023
举报

<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;'
这时候，我就显示不出来了

请问这是啥原因呢？各位高手麻烦给分析分析，谢谢！

漂亮男人
漂亮男人

全部回复(1)
淡淡烟草味
淡淡烟草味2017-05-24 11:38:59 1楼

这是因为在 HTML 放字符串的话，是先浏览器解析 Vue 再得到的，所以到了 Vue 手上就是已经转义了的结果。

{{}} 即 v-text 是设置元素的 textContent 的，所以不会转义。

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

赞 +0
添加回复
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部