vue3Element Plus中icon图标不显示问题的解决

Y猿某人

已于 2022-02-12 23:05:03 修改

阅读量1.1w

点赞数 7

文章标签： vue.js javascript 前端

于 2022-02-12 23:04:05 首次发布

本文链接：https://blog.csdn.net/weixin_44017994/article/details/122903445

版权

在Vue3项目中使用Element Plus时遇到了图标不显示的问题。通过官方文档和实践，解决方法包括正确安装@element-plus/icons-vue包，并在相应Vue组件中引入和使用图标组件，最终成功显示图标。

摘要由CSDN通过智能技术生成

在vue组件中使用了Element Plus中icon图标<el-icon>方法想要显示图标，程序能运行但在浏览器中图标无法显示。

根据Element Plus官方文档给出的教程以及实践操作，解决办法如下：

在终端运行下面指令

npm install --save @element-plus/icons

注意：Element Plus官方文档给出的指令为npm install
@element-plus/icons-vue，但运行时终端可能会提供更正确的指令，可以都尝试运行一下看哪个可行

你想要显示在哪个vue组件文档，就在那个文档写入如下代码：

<script >
//首先是导入图标们，要用哪个就导入哪个
//例如Search就是那个放大镜的图标
import

关注