字体图标怎么通过变量输出显示

分类：uni-app

uniapp

请教下iconfont的使用问题

我要循环把menu输出，按照文本的输出方式会直接显示icon的unicode字符串，而不是图标
css应该没问题，直接写可以输出图标
通过{{item.icon}}就不行，这里是有什么规则吗？

<view class="icon" v-for="(item,index) in menu" :key="index">  
    {{item.icon}}    <!-- 显示 &#xe6bb; -->  
        &#xe6bb;        <!-- 显示 图标 -->  
</view>  

menu:[  
        {  
            'title':'首页',  
            'icon':'&#xe6bb;'  
        },  
        {  
            'title':'搜索',  
            'icon':'&#xe611;'  
        }  
    ]

2022-07-22 23:34 负责人:无分享

2 个回复

晓寒1987 - 相濡以沫不如相忘于江湖

这个我也试过，好像支持不了变量动态输出

十二112

可以实现

<c-icon class="cellIcon" :icon="'\ue6ed'" theme="descText"></c-icon>  
修改为这种形式传入  &#xe6bb  \ue6bb

诚品城 (作者)

c-icon是插件吗？

2022-07-23 20:48

要回复问题请先登录或注册

字体图标怎么通过变量输出显示

2 个回复

公告

相关问题

字体图标怎么通过变量输出显示

与内容相关的链接

2 个回复

公告

相关问题