一个大讨吃 2021-08-30 13:42 采纳率: 90.9%
浏览 83
已结题

vue怎么将icon图标写到数据里面呢

这是需求
img
这是我写的代码
img

img
不知道怎么把不一样的图标引入到模拟的数据中

img

  • 写回答

2条回答 默认 最新

  • 在下月亮有何贵干 前端领域优质创作者 2021-08-30 13:52
    关注

    两种方案
    1.修改数据，actionList每条数据添加要对应的图标数据
    2.v-if根据你要的条件切换不同的dom展示对应的图标

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
  • 浪在前端 2021-09-01 16:38
    关注

    在actionList中给每项增加一个icon属性，例如actionList： [{id: 1, name: 'Read File'}, group: 'file', icon: 'iconfont icon-wenjian'], 然后将template中的i标签中的class改为:class='item.icon'即可

    评论
查看更多回答(1条)

报告相同问题？

问题事件

  • 系统已结题 9月7日
  • 已采纳回答 8月30日
  • 修改了问题 8月30日
  • 创建了问题 8月30日

悬赏问题

  • ¥15 如何通过求后验分布求得样本中属于两种物种其中一种的概率？
  • ¥15 q从常量变成sin函数，怎么改写python代码？
  • ¥15 图论编程问题，有可以指导的吗
  • ¥15 DEA的CCR模型画图
  • ¥15 请假各位一个关于安卓车机的问题
  • ¥15 光谱仪怎么看这样的透射谱
  • ¥15 pyqt5 如何实现输入框输入关键词，下拉框显示模糊查询返回的结果？
  • ¥20 fluent模拟，可以燃烧和相变同时模拟吗？
  • ¥50 海康摄像头，C#如何识别车牌号码和抓取JPG
  • ¥15 yolov5 pt转engine的问题