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>

圖標可以顯示出來了  如圖