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

现象：图标乱码

参与做的Vue2+elementUI的项目中，图标偶尔会出现乱码的情况（刷新后就正常了），如下图。

本质：编译问题

在网上一番搜索，终于找到出现乱码的原因，是sass编译的问题。

.scss文件中通过伪元素方式添加的图标，经过sass编译后，样式中的content会变成乱码，如下：

解决办法：升级版本，添加配置

1. 将sass升级到1.39.0及以上版本

2. vue.config.js添加配置：

css: { loaderOptions: { sass: { sassOptions: { outputStyle: 'expanded' } } } },

验证：两种方式

一. 按F12打开控制台，看样式代码

如果对应图标的content像图中显示，则代表正常了，不乱码了。

二、按F12后再多次按F5刷新

找到问题页面，按F12打开控制台后，如果多次刷新页面，图标都正常，说明乱码问题修复了。