社区微信群开通啦，扫一扫抢先加入社区官方微信群
社区微信群
社区微信群开通啦，扫一扫抢先加入社区官方微信群
社区微信群
本次需求是要使用elementUI中的<el-input>，并在输入框头部添加图标，无奈element-ui的图标太少，没有用户、密码等这些图标，因此不得不使用第三方的图标，这里选择使用阿里的Iconfont，很全，也很简单使用。
如果只是使用一两个数量较少的图标，完全可以将图标下载下来，然后自行引用，不过不适用于动态变更的项目（不然每次都要下载，很麻烦）。
iconfont使用就很简单了。
1、现在图标库中找到需要的图标，例如这个user
2、点击添加入库：
3、打开页面右边的购物车，点击添加至项目，（如果没有项目就新建一个，我这里项目名叫vue）
4、点击确定后，选择font-class（引入最简单）（我之前就添加了一些图标，所以有4个）
5、点击查看在线链接，并复制这个代码
6、在vue项目中的App.vue文件中添加这个引用(每次添加新图标到iconfont中的购物车、项目之后更新这个链接即可）
7、在<el-input>中使用：
效果如图：
如果觉得我的文章对您有用，请随意打赏。你的支持将鼓励我继续创作！
