electron-vue3的项目怎么引用element-plus的icon图标
在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>
在项目里就可显示出来了