当前位置: 首页 > Web前端 > HTML5

饿了么UI中的el-icon图标不起作用问题分析与解决

时间:2023-04-05 10:50:03 HTML5

问题描述今天在做项目时,需要折叠左侧导航栏。准备使用饿了么UI自带的折叠图标。图标是这样的:但是引入之后发现图标没有生效。它不显示在页面上。查看控制台中的元素,发现有一个i标签,但是宽高都是0(宽高都是0,代表没有)。为什么它不在页面上?没进来吗?看了我的代码,还不错,后来觉得可能是版本问题。版本更新后,部分图标被弃用?然后查看package.json文件,发现我的elementui的版本号是2.4.11。如下图:好像版本有点旧。然后去官网找到2.4.11版本号对应的图标,看看有没有这个折叠图标:回到上一个版本看解决办法,把elementui升级到el-的折叠图标的版本图标折叠。执行命令npmielement-ui,可以升级到最新版饿了么UI,会出现图标,哈哈,问题解决。思路总结版本的升级可能会增加一些特性或者去掉一些特性,所以当我们在项目中使用某个特性的时候,如果没有出现我们想要的效果。首先,我们必须审查代码并找到错误。如果确定我们的代码没有问题,就要考虑是不是版本不匹配。即:出现问题-->排查问题-->定位问题-->解决问题