vue 2.x + element 项目 icon 无法正常显示的问题
在更新环境阶段,SCSS 将会编译为 CSS 渲染页面,这些 icon 图标是图标、也是字体,将通过编译得到,页面 SCSS 编译完成后,可以看到页面的样式没问题,可是这时候可能这些 icon 还没编译完成,导致乱码,所以看到刷新可以解决。
解决思路
既然是由于 SCSS 还没编译完成导致,那就直接加载 CSS 文件,不需要编译。
解决方法
在入口文件 main.js 中,element-ui 导入后,导入 icon.css 解决。
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/icon.css'
欢迎写出你的看法,一起成长!