element-UI 使用icon图标或者avatar 头像不显示问题 解决
问题
昨天在写项目的时候,想用avatar 显示头像但是一直不能显示,但是能显示出地标的icon,当我用一模一样的代码使用user的icon的时候,发现又没有显示
跟官网对比了半天的代码发现并没有什么区别,并且有能实现出来的icon,使得我百思不得其解。
机缘
作为一个成熟的后端,是有Ctrl+鼠标左键看源码的习惯的,当我Ctrl 鼠标移到地标的icon的时候发现是能点进去跳转到源码文件的,但是avatar 却不行。就马上想到会不会是element版本问题,我用的版本低了?那个版本还没有这些图标的?
过程
1.查看element版本
点进package.json 文件,搜索 element-ui,发现我的element版本是"2.3.4"的
然而我看的官网的版本为 2.15.7 !
2.更新element版本
首先要先卸载旧版本element
npm uninstall element-ui
然后安装想要的element版本
npm install element-ui@2.15.7 -S
3.重新编译运行
npm run dev
解决
成功解决了!!icon图标或者avatar 头像都出来了,就是element版本太低的问题
经验
在接手项目的时候,一定要先确定好开发环境版本和你所看的文档版本一致。开发版本也不能太低
element-UI 使用icon图标或者avatar 头像不显示问题 解决相关推荐
- 【Vue】 element ui 引入第三方图标
最近一个项目用到 vue 和 element ui开发前端.使用element ui自带的icon太少,所以引入第三方的.截止目前为止国内外网络上的相关教程我搜索到没超过5篇,而且都不详细,即使全部阅 ...
- 前端笔记-在Element UI中表格如何根据数据动态变化显示
前言 实际上我需要的功能类似于前端工程中的字典.由于在前端的学习自己写代码的过程中可能不会对一个项目工程化的如此的彻底,所以这里给出了一种解决方法. 需求 对于Element UI里的表格,如果假设传 ...
- SAP CRM WebClient UI 某些icon图标不能正常显示X
https://github.com/i042416/KnowlegeRepository/issues/921 在这个方法上设断点, [外链图片转存失败(img-KHHMPDmK-156354885 ...
- element ui怎么调图标的大小_大明:网页字体大小怎么调?教你方法一键搞定
大家好,我是大明,网页的字体太大或太小都影响我们正常的浏览,导致网页字体大小不合适的主要原因是"显示适配器分辨率","显卡驱动问题","网页字体设置不 ...
- element ui 弹出组件的遮罩层以及多层遮罩解决办法
做项目中遇到几次弹出框遮罩层的问题.有嵌套的 弹出框.还有单页面中tabs标签页的弹出框.今天就说一下tabs中的弹出框遮罩层的问题. 这个页面有五个tabs页签,每一个都有弹出框组件,也就是说每一个 ...
- Element UI数字组件四舍五入问题及居右显示
1.数字组件会自动进行四舍五入,通过以下方法,可以直接进行位数的截取. <el-input-number v-model="vv" controls-position=&qu ...
- discuz论坛用户--设置--修改头像不显示的解决方法
本文参考:https://www.2cto.com/kf/201601/478810.html 和https://jingyan.baidu.com/article/ceb9fb10ab73b68ca ...
- Vue3.0 + Ts 项目框架搭建四:配置 Svg-Icon、Icon图标
1. 在src文件下,创建components/SvgIcon/index.vue组件 <template><divv-if="isExternal":style ...
- Elementui icon图标不显示
文章目录 需求 原理 实现 效果 icon图标链接 需求 需要实现显示icon图标 原理 不显示的原因是项目中引入的element-ui的版本过低了,低版本的icon中没有代码中需要的图标, 在低版本 ...
最新文章
- 单个Transformer完成信息检索,谷歌用可微搜索索引打败双编码器模型
- AI检测制造“零缺陷”
- 【自动驾驶】2.车载以太网 - SOME/IP简介
- 少儿编程100讲轻松学python(十七)-pycharm如何配置python环境
- 简单英文题 26 The Nearest Number(python)
- Mac下安装pthread扩展
- 【python基础知识】-引入文件失败问题(同一文件夹和不同文件夹)
- spring--事务原理
- 提升开发效率之命名规范
- word 技巧 - 删除指定页页眉
- 土是独体字结构吗_独体结构的字大全
- 牛客练习赛53 E.老瞎眼 pk 小鲜肉(离线+BIT单点修改)
- 【数据结构与算法】计算机之父
- Linux配置8021.q vlan实践篇
- 为什么走线选择50欧姆阻抗
- android TVBOX OTT IPTV
- 基于核函数加权直方图的Mean Shift目标跟踪 (二维颜色直方图)
- 堡垒机实例以及数据库操作
- 双百双新产业项目是什么_全区“双百双新”产业项目推进工作电视电话会议召开...
- P2P行业大数据征信前瞻
热门文章
- android 根据指定路径获取本地视频列表显示,点击缩略图调用系统播放器进行播放
- [人脸对齐] Structured Landmark Detection via Topology-Adapting Deep Graph Learning
- 视频图像处理技术有优势 安防视频监控应用多
- Android 录屏原来可以这么优雅
- 字幕生成器市场现状研究分析报告-
- 关于一个监听、发送QQ消息的插件的使用部署
- 11HTML5期末大作业:电影在线观看网站设计——电影售票平台(8页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
- android 收费吗,安卓系统会收费吗 安卓系统什么时候开始收费
- GCC的学习(一)GCC简介及其常用选项
- Serverless 音视频转码 —— 芒果 TV 落地实践(上)