首页 > 其他分享 >ElementUI图标icon乱码问题

ElementUI图标icon乱码问题

时间:2023-08-22 11:46:41浏览次数:38  
标签:ElementUI 代码 saas element 乱码 icon 图标

如题:ELementUI图标icon乱码问题

原因:在build编译时编译器处理导致的

解决方案

  • 方案一:将saas更换为node-saas,安装不了问题可查看这里
  • 方案二:升级saas和sass-loader
  • 方案三:将element引入的样式代码注释,然后再main.js添加一行引入样式代码
    注释代码:
    import '~element-ui/packages/theme-chalk/src/index'
    (可全局搜索,本人在src/styles/element-variables.scss中)
    
    添加代码:
    import 'element-ui/lib/theme-chalk/index.css'
    (在main.js中)
    

标签:ElementUI,代码,saas,element,乱码,icon,图标
From: https://www.cnblogs.com/cp-cookie/p/17648128.html

相关文章

  • 解决pytest html报告中文乱码的问题
    pytest-html指定版本3.1.1即可解决pipinstallpytest-html==3.1.1    ......
  • Web_PHP_MySQL_XAMPP下MYSQL中文乱码问题的解决
    1、找到xampp安装目录下的D:\xampp\mysql\bin\my.ini文件并打开; 2、找到标记[mysqld]和标记[mysql]两处; 3、在这2处标记下分别添加编码配置信息:default-character-set=gbk;修改后如下:->Ini代码 [mysql] no-auto-rehash default-character-set=gbk  [mysql......
  • Web_PHP_PHPsubstr截取中文字符出现乱码解决;
          PHPsubstr截取中文字符时通常会出现乱码,我们可以通过使用mbstring扩展库的mb_substr截取;自己书写截取函数等方式来解决这一问题。      substr()函数可以分割文字,但要分割的文字如果包括中文字符往往会遇到问题,这时可以用mb_substr()/mb_strcut这个函数,mb_sub......
  • idea 控制台日志乱码
    Help-->EditCustom-->VM-->Options,打开idea.vmoptions,文件位置:JetBrains\jetbra\vmoptions  在文件末尾添加:-Dfile.encoding=UTF-8 ......
  • VS2022运行过程中出现中文乱码
    在使用VS时,可能会遇到出现中文乱码的情况。下面是解决方法:1.在文件开头设定编码格式:#pragmaexecution_character_set("utf-8")这样可以解决一部分情况。2.点击VS》文件》高级保存选项》编码中utf-8。有些VS版本中文件中没有找到高级保存选项,可以参考这个链接:http://t.......
  • ElementUI中使用<el-row>自适应布局导致显示错乱
     错乱代码(部分):<el-row:gutter="5"><el-col:xs="24":sm="12":md="8":lg="6"v-for="(item,index)incaseList":key="index"> <img:src="baseUrl+item......
  • docker centos7乱码怎么解决
    采用dockerpulldocker.io/centos下载的基础镜像,是不带中文环境的。可以进入容器内使用locale查看当前语言环境。#添加中文环境编码,安装两个包yuminstallkde-l10n-Chinese-yyuminstallglibc-common-y#转化语言环境和字符集localedef-c-fUTF-8-izh_CNzh......
  • 大乱码
          ̷͇͚̝̘̞̯̦̾ͬ̋̌̂͑ͤ̓ͭ̀͒̌̑̒̎͊͆ͬͬ҉̶̴̩̥͎͖̻̜̰̪̙̝̺͕͓̹̱͚̪̱ͦͣ͐́͆̀̀ͪ̍ͫ͂̇ͬ̑̉̓̍̋ͦ͗̌̌̊͊̊́̚͞.̢͔̮̖̠͇̝̳̪̩̩̥͎͔̞̳̻͓̐̊̔́̀͛̎̑͌̓͑̿́̏ͭͫ̀͋͋̐̍ͦ̕ͅͅ......
  • wsl2 下输出重定向至 clip.exe 出现中文乱码问题解决方案
    背景win10系统在wls2下安装neovim后希望与windows剪切板通信。按教程添加如下配置。--系统剪切板ifvim.fn.has('wsl')then vim.g.clipboard={ name='WslClipboard', copy={ ['+']='clip.exe', ['*']='clip.exe'......
  • elementUI使用分页器以及搜索条件
    <template><div><!--搜索--><divstyle="float:left"><el-form:inline="true":model="formInline"class="demo-form-inline"size="mini"><el-form-......