vue 2.x + element 项目 icon 无法正常显示的问题


在更新环境阶段,SCSS 将会编译为 CSS 渲染页面,这些 icon 图标是图标、也是字体,将通过编译得到,页面 SCSS 编译完成后,可以看到页面的样式没问题,可是这时候可能这些 icon 还没编译完成,导致乱码,所以看到刷新可以解决。

icon图标乱码

解决思路

既然是由于 SCSS 还没编译完成导致,那就直接加载 CSS 文件,不需要编译。

解决方法

在入口文件 main.js 中,element-ui 导入后,导入 icon.css 解决。

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/icon.css'


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM