elment-plus 动态使用icon

啦c啦嗖

已于 2023-04-10 13:52:51 修改

阅读量334

点赞数

文章标签： vue 前端框架 elementui

于 2023-03-17 16:19:30 首次发布

本文链接：https://blog.csdn.net/weixin_66501371/article/details/129623135

版权

文章定义了一个名为iconsObj的JavaScript对象，该对象将特定的ID映射到对应的图标名称。这些图标用于根据ID动态渲染菜单栏，例如，ID125对应Setting图标，ID103对应Grid图标等。此方法在构建可自定义的用户界面时非常有用。

摘要由CSDN通过智能技术生成

1.定义一个数组

let iconsObj = {
          125: "Setting",
          103: "Grid",
          101: "Tools",
          102: "Histogram",
          145: "StarFilled"
        }

2.template内容

注：我这里渲染的是菜单栏,根据id动态显示不同的icon

啦c啦嗖

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
elment-plus 动态使用icon

elment-plus 动态使用icon
复制链接

扫一扫