第一种方法

（1）在文件下方加入以下代码，如下图所示。

@import url("//unpkg.com/element-ui@2.15.6/lib/theme-chalk/index.css");

（2）结果

注：第一种方法在我的界面中有的有效果有的没有，具体原因还没找到。

第二种方法

以在登录的输入框引入Avatar图标为例，图标集合可以在这里面找图标名字：图标合集，链接失效的话直接百度搜索Element官网进去就有。

（1）终端安装

npm install @element-plus/icons

（2）引入代码

（3）结果

注：这样有点麻烦，不过是我试了好多方法后能成功的一个了。

问题解决：Element不显示Icon图标相关推荐

vue在列表和下拉框中显示icon图标
vue在列表和下拉框中显示icon图标一. 在项目中引入阿里云icon图标二. 在data中定义icon图标列表三. 在下拉框中显示icon图标四. 在列表中显示icon图标五. 在el-c ...
如何让BitBtn按钮显示icon图标
BitBtn按钮的Glyph属性只能使用bmp图片,如果想用icon做图片可以使用下面语句. 在窗体上添加imagelist,然后在form的create函数中添加 ImageList1.GetBit ...
Elementui icon图标不显示
文章目录需求原理实现效果 icon图标链接需求需要实现显示icon图标原理不显示的原因是项目中引入的element-ui的版本过低了,低版本的icon中没有代码中需要的图标, 在低版本 ...
VC中显示ICON和BMP图片
显示ICON图标,如下: 1 2 3 4 5 6 7 8 9 static HICON hIcon = (HICON)::LoadImage( AfxGetInstanceHandle( ...
Vue3.0 + Ts 项目框架搭建四：配置 Svg-Icon、Icon图标
1. 在src文件下,创建components/SvgIcon/index.vue组件 <template><divv-if="isExternal":style ...
在网页中画ICON图标
相信很多前端开发人员都做过导航栏图标,其实很多网站的导航栏图标使用的技术无外乎两种,CSS Sprite雪碧图和字体图标.下面就带大家一起熟悉一下这两种在网页中画ICON图标的方式. 一.使用CSS ...
字体图标在ie兼容问题（element低版本icon）（图标在ie浏览器不显示）
在项目开发过程中,项目用到的是element组件,版本号是2.4.7,遇到了图标字体在ie浏览器不显示的问题,这是在同事电脑出现的bug,我电脑同样是ie,11版本和10版本都没有问题,但是在同事电脑 ...
Vue3使用element-plus1.3.0版本的el-menu菜单组件引入动态渲染icon图标时，图标组件刚好是Menu时报错，菜单不显示的解决方法
目前在升级前端框架,UI组件element-plus升级到了目前最新的1.3.0beta8版本,图标也换成了官方提供的SvgIcon图标,官方提供了组件导入的方式使用图标.而我的图标是全局导入的,默认 ...
linux无法显示输入法图标,linux mint12安装ibus之后,语言栏不跟随光标和系统托盘输入法图标不能显示问题解决...
安装之后,ibus有两个问题:1,语言栏不能光标跟随:2,系统托盘上不能显示输入法图标对第一个问题, 我看到这个解决方法,之后便感觉应该是这几个系统变量没有设置好的原因. 用echo 查看了一下这三 ...

问题解决：Element不显示Icon图标

第一种方法

第二种方法

问题解决：Element不显示Icon图标相关推荐

最新文章

热门文章