作者：大眼妹PS珺珺 | 来源：互联网 | 2024-11-01 13:02
在Vue3项目中使用ElementPlus的Icon组件时，遇到了SVG图标无法正常显示的问题。经过查阅官方文档和GitHub讨论，最终发现是由于图标路径配置不正确导致的。通过调整图标路径和引入方式，成功解决了这一问题，并确保了图标能够正确加载和显示。此外，还对项目依赖进行了更新，以兼容最新的ElementPlus版本。
最近在做vue3中项目的时候&＃xff0c;结合element-plus使用icon组件中的SVG图标组件的时候&＃xff0c;按照文档提示显示不出来&＃xff0c;通过在git文档库踩坑发现&＃xff0c;可以这么操作使用。
1.先安装组件
npm install &＃64;element-plus/icons
2.注册icon图标名称
components:{Aim,//注册图标组件名称},
3.导入icon图标
import {Aim} from &＃39;&＃64;element-plus/icons&＃39;
//图标名称要大写&＃xff0c;要使用驼峰命名法
4.使用icon图标
账户管理
5.页面展示效果
京公网安备 11010802041100号