526互联

electron-vue3的项目怎么引用element-plus的icon图标

发布时间 2023-06-08 11:34:49作者: NUNA11

在electron结合vue3的项目中，引入element-plus的icon可以根据官网的步骤：

  • 先安装icons-vue
npm install @element-plus/icons-vue
  • 注册所有图标，在main.js/main.ts
1 import * as ElementPlusIconsVue from '@element-plus/icons-vue'
2 
3 const app = createApp(App)
4 for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
5   app.component(key, component)
6 }
  • 基础使用
<el-icon :size="20"><Edit /></el-icon>

在项目里就可显示出来了