自动导入Element Plus图标确实很方便,但会碰到实际的问题。

1.动态加载图标必须是全局注册图标

可以用component来动态加载图标组件,需要全局注册组件,按需导入icons不生效。

<el-icon v-if="item.icon" :size="size" :color="color">
	<component :is="item.icon"/>
</el-icon>



2.推荐iconify-icon  

iconify有众多图标集,图标个数更是数以万计,并且开源免费,而且可以使用自定义icon。

//安装依赖
npm i iconify-icon
//在文件中导入并使用
<iconify-icon icon="ant-design:file-markdown-twotone"></iconify-icon>