如何在vue项目中使用Element-ui Rate 哭脸笑脸评分组件的 icon-rate-face

新手在试水element-ui的评分组件Icon版（如下）时，ctrl cv之后页面是空白

想来是缺少对应的iconfont

故把教程记下来，以帮助和我一样的vue新手

1. 首先下载字体文件

https://github.com/ElemeFE/element/tree/dev/examples/assets/styles/fonts

2. 保存到vue项目src目录下/assets文件夹中

3. 在main.js中引入

import '@/assets/fonts/style.css'

4. 结果 

扫描二维码关注公众号，回复： 11741981 查看本文章

 

可以正常使用了。