Vue.js 图标选择组件实践详解

本文介绍了Vue.js 图标选择组件实践详解，分享给大家，具体如下： 背景 最近项目中在做一个自定义菜单需求，其中有一个为菜单设置小图标的功能，就是大家常见的左侧菜单 设置图标不难，方案就是字体图标，可供使用的图标库也有很多，比如阿里巴巴的 Iconfont，以及 Fontaswsome 等，问题在于如何优雅的提供几百个图标供用户选择，而不需要开发去一个一个的写标签，也不需要一个个的去找图标。 字体图标库 Fontawesome 方案 我们使用字体图标的方式，一般是一个 <i class=iconfont></i>  这样的标签，平常开发中用一些图标都是用到一个写