element-plus最新版icon使用方式改了导致el-icon-*图标样式出不来
来源：4-14 业务落地：解析路由表，获取结构化数据
浮生若故
2022-02-13
使用element-plus正式版V2.0.*，MenuItem.vue 里的 <i class="sub-el-icon el-icon-user"></i>好像展示不出来，要怎么改，默认好像推荐使用<el-icon></el-icon>组件。
刚找到了一个解决方案
在main.js里全局注册图标
import * as ElIcons from '@element-plus/icons-vue';
Object.keys(ElIcons).forEach((key) => {
app.component(key, ElIcons[key]);
});
然后MenuItem.vue 里动态引入
<el-icon v-if="icon.includes('el-icon')">
<component :is="icon.substring(8)" />
</el-icon>
写回答
1回答
-
Sunday
2022-02-14
你好
element-plus 在 1.1.0 的版本之后对 icon 组件进行了三次的修改，具体的修改在该问答中进行了解释：https://coding.imooc.com/learn/questiondetail/380V96vy44JX4Nxw.html
如果希望进行全局注册的话，那么楼主的方案是没有问题的。
00
相似问题