自定义elementui中的图标

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了自定义elementui中的图标相关的知识,希望对你有一定的参考价值。

参考技术A elementui图标库图标较少
当你想用elementui的控件而不想用它的图标时,就可以使用自定义的方式来实现

el-icon-my-export为我自定义的图标命名

content里面使用汉字大小会比较正常,但是汉字有时候会出现乱码,可以使用Unicode编码

其他控件的图标替换大多如此,当然具体问题具体分析,我也不确定会不会有不同的情况

element-ui的图标偶尔乱码问题

参考技术A 查了很多相关资料,很多都说是因为scss编译图标导致乱码,比如这个: https://blog.csdn.net/ringlot/article/details/122577624
还试过删除variables.scss这个文件,虽然解决了问题,但都不说最佳解决方案。
后来经同事提醒找到了根本问题,卸载sass,安装node-sass(5.0版本),问题解决了!

以上是关于自定义elementui中的图标的主要内容,如果未能解决你的问题,请参考以下文章

elementUI树形组件添加连线和自定义图标

element-ui的图标偶尔乱码问题

vue+elementUi自定义select标签样式图标左侧右侧插槽背景图片大小selectoption/deep/::v-deeppositionabsolute

vue2 ElementUI 表单标签表格表头添加问号图标提示

ElementUI自定义表格多选表头

自定义elementUI表格中的highlight-current-row