在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>
在项目里就可显示出来了
- electron-vue element-plus 图标 electron elementelectron-vue element-plus图标electron electron-vue element-plus图标 字体element 后缀element-plus el-cascader图标 electron-vue electron项目vue element-plus quot element-plus elmessage element element-plus electron element项目 element-plus element plus resizeobserver notifications element-plus undelivered