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>

在项目里就可显示出来了

 

posted @ 2023-06-08 11:27  NUNA11  阅读(331)  评论(0)    收藏  举报