以下是懒人解决方法

1、在main.js引用入

import 'element-ui/lib/theme-chalk/icon.css'

2、在node_modules\element-ui\packages\theme-chalk\src\base.scss去掉icon.scss

更好的方法详见：【web前端】element-ui框架在线上环境偶尔出现iconfont图标乱码的问题，解决办法 - 简书

PS：网络很多说要把依赖包sass改成node-scss不准确。

Element-UI 图标乱码解决方案相关推荐

本地使用element ui 图标不显示或显示错乱的问题
本地使用element ui 图标不显示或显示错乱的问题官方使用方式  <link rel="stylesheet" href=&qu ...
Element UI——数字输入框解决方案
问题描述当我们开发项目时,常常想限制用户只能输入纯数字: 官方文档 https://element.eleme.cn/#/zh-CN/component/input https://element. ...
Vue.js - 解决部署到服务器后Element UI图标不显示问题（404错误）
1,问题描述 (1)element-ui 自带了一套常用的图标集合,使用起来十分方便.最近发现当 Vue.js 项目中使用 element-ui 图标时,如果使用 npm run dev 方式启动,图 ...
Vue - 解决部署到服务器后Element UI图标不显示问题（50错误）
原因: 最后找到是 nginx.conf 文件配置有问题一开始:没有加 woff.ttf location ~ .*\.(gif|png|jpg|ico|js|css|html)$ { root ...
Element UI样式修改之NavMenu导航菜单
目录 Element UI样式修改之NavMenu导航菜单一.成果展示二.步骤三.完整代码 Element UI样式修改之NavMenu导航菜单一.成果展示 Element UI官网给出的例子 ...
为element ui+Vue搭建的后台管理项目添加图标
问题:使用element UI 及Vue 2.0搭建一个后台管理项目,想要在页面中为其添加对勾及叉的图标. 解决方案:问题涉及到为页面添加图标.有两种解决方案. (1)Element官网提供了Icon ...
Vue + Element UI——滚动条el-scrollerbar和无限滚动指令v-infinite-scroll整合解决方案
基本概念 el-scrollbar:Element UI隐藏组件. 注意事项: 1.el-scrollbar的父层要有固定高度 2.el-scrollbar的高度要设成100% 3.如果出现横滚动条, ...
Vue + Bootstrap|Element UI——模态框被遮罩层遮盖问题解决方案
问题描述问题分析 1)若dialog弹出框,它的遮罩层就会被插入到body标签下(即与组件所在的最外层div同一层级) Element UI中设置了modal-append-to-body='tru ...
【Vue】 element ui 引入第三方图标
最近一个项目用到 vue 和 element ui开发前端.使用element ui自带的icon太少,所以引入第三方的.截止目前为止国内外网络上的相关教程我搜索到没超过5篇,而且都不详细,即使全部阅 ...
自定义Element ui中el-upload上传后的文件图标
实现功能:上传图标显示图片图标,上传文件显示文档图标,上传视频显示视频图标首先想到的是去Element UI 查看有没有自定义的功能,后面发现底层源码写死的,那就不能自定义,就只能通过js操作了,我 ...

Element-UI 图标乱码解决方案

以下是懒人解决方法

1、在main.js引用入

2、在node_modules\element-ui\packages\theme-chalk\src\base.scss去掉icon.scss

Element-UI 图标乱码解决方案相关推荐

最新文章

热门文章