需求

需要实现显示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图标不显示相关推荐

vue 打包部署子目录后 elementUI icon 图标不显示
问题部署后element-icon 请求资源404 解决修改 vue.config.js (添加前缀路径) vue.config.js完整代码 'use strict' const path = ...
elementPlus使用icon图标不显示解决方法
近期在学习Vue时用elementUI时发现icon在页面上显示不出来,根据官方文档上的用法都显示不出来,听说在文档更新后好像不可以直接使用,需要引用. 正常按照文档标签使用(icon图标未显示) & ...
解决网页ICON图标无法显示的问题
解决网页ICON图标无法显示的问题参考文章: (1)解决网页ICON图标无法显示的问题 (2)https://www.cnblogs.com/ziyoublog/p/10974406.html 备忘 ...
vue项目 - svg格式的icon图标无法显示颜色
前言在项目中遇到svg格式的icon图标无法显示颜色,这个问题.尝试过很多方法,最后发现不是代码的问题,而是iconfont图标库中没有配置好. 1. 发现问题如下当点击菜单选项时,icon和文字 ...
vant使用遇到icon图标不显示，显示为方块□□□□□
vant使用遇到icon图标不显示,显示为方块□□□□□ 现象搜索找到的方法最终找到原因: 最终现象现象 <van-icon name="chat-o" /> & ...
Android11 状态栏icon图标的显示流程
隐藏状态栏icon闹钟的显示设置闹钟后在状态栏ICON区域会显示一个闹钟小图标,我们实现设置闹钟后让它不显示. 参考博客:https://blog.csdn.net/weixin_33881140/ ...
elementui icon图标大全
前言 Element内置丰富的图标库,美中不足的是不能适应全部场景.不过我们可以借助第三库来扩展,阿里的icon库就很方便,内部有丰富的图标共选择. Element 内置图标库 Element内置丰富 ...
u-modal不能控制显示隐藏 icon图标不显示引入问题
Modal 对话框使用了 v-model 控制对话框显示,但是在真实使用的使用,发现这个值改变了 true 之后,对话框仍然不显示 <u-modal v-model="showM ...
iview的icon图标不显示问题
记:2021年9月3日,寻问度娘iview官网,在导入相关icon图标发现并没有生效.查看main.js才知之前引入的是"view-design"而不是如今官网的'iview'. ...

Elementui icon图标不显示

文章目录

需求

原理

实现

效果

icon图标链接

Elementui icon图标不显示相关推荐

最新文章

热门文章