element-plus最新版icon使用方式改了导致el-icon-*图标样式出不来

Question

使用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>

Answer 1

程序员Sunday 2022-02-14 08:48:00

你好

element-plus 在 1.1.0 的版本之后对 icon 组件进行了三次的修改，具体的修改在该问答中进行了解释：https://coding.imooc.com/learn/questiondetail/380V96vy44JX4Nxw.html

如果希望进行全局注册的话，那么楼主的方案是没有问题的。