欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

Elementui icon图标不显示

发布时间:2025/3/21 编程问答 48 豆豆
生活随笔 收集整理的这篇文章主要介绍了 Elementui icon图标不显示 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

文章目录

  • 需求
  • 原理
  • 实现
  • 效果
  • icon图标链接

需求

需要实现显示icon图标

原理

不显示的原因是项目中引入的element-ui的版本过低了,低版本的icon中没有代码中需要的图标,
在低版本的element-ui中是没有的,所以显示不出来。需要在项目的package.json文件中更新一下element-ui的版本

  • 如图所示

实现

  • 在package.json里面修改一下这个版本号,改成2.13.2【可以随Element_UI的官方版本改动】

  • 然后使用npm install重新更新一遍依赖包!!!
  • 最后使用npm run dev运行项目
  • 刷新一下页面,可以看到图标成功显示了

效果

icon图标链接

Element-UI icon图标链接:

  • 参考原文链接

总结

以上是生活随笔为你收集整理的Elementui icon图标不显示的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。