Vue工程化之引入element-ui框架後圖標失效

場景：

    vue-cli搭建的工程化項目，引入element框架後發現圖標無效，變爲方塊

    

 

解決方案：

    在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形式。

 

 

.