Element Plus 关于图标不显示问题解决方案

安装官网全局安装

 

 安装完后在全局买main.js中全局引入

 

 

 

之后在组件里使用图标一直不显示  好多方案都不好使  结果通过如下方式算是解决了该问题  哎...浪费我好多时间  都要绝望了！！

 

首先  需要安装图标依赖

$ yarn add @element-plus/icons-vue

 

组件中使用可行

<template lang="">
  <div>
  <div style="font-size: 20px;"> 
   <el-icon  :size='20'>
       <component :is="Edit"></component>
   </el-icon> 
   <el-icon :size='20'>  
        <component :is="Aim"></component>   
   </el-icon>
   </div>
   </div>
</template>
<script setup>
import { Edit, Aim } from "@element-plus/icons-vue";
</script>

<style></style>

图标可以显示出来了  如图