解决elementUI icon乱码问题，实现简单，不需修改原先代码

张开发
• 2026/4/21 2:06:21 • 15 分钟阅读

最新文章

推荐文章

相关文章

分享文章

解决elementUI icon乱码问题，实现简单，不需修改原先代码
现象图标乱码参与做的Vue2elementUI的项目中图标偶尔会出现乱码的情况刷新后就正常了如下图。本质编译问题在网上一番搜索终于找到出现乱码的原因是sass编译的问题。.scss文件中通过伪元素方式添加的图标经过sass编译后样式中的content会变成乱码如下解决办法升级版本添加配置将sass升级到1.39.0及以上版本vue.config.js添加配置css: { loaderOptions: { sass: { sassOptions: { outputStyle: expanded } } } },验证两种方式一. 按F12打开控制台看样式代码如果对应图标的content像图中显示则代表正常了不乱码了。二、按F12后再多次按F5刷新找到问题页面按F12打开控制台后如果多次刷新页面图标都正常说明乱码问题修复了。

更多文章