场景:

vue-cli搭建的工程化项目,引入element框架后发现图标无效,变为方块

Vue工程化之引入element-ui框架后图标失效-LMLPHP

解决方案:

在index.html引入样式文件CDN链接即可

<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

引入成功后会发现之前的font-awesome无效,这时去源码查看会看到font-awesome图标前缀是fa fa-xxx形式,但element框架的图标源码格式为el-icon-xxx形式。

.

05-19 16:36