vue-element 图标选择器
2020-06-16 本文已影响0人
IssunRadiance
第一步:npm安装:
npm install e-icon-picker
第二步:在需要用到的页面引入组件:
import { EIconPicker } from 'e-icon-picker'
import 'e-icon-picker/dist/index.css' // 基础样式
import 'e-icon-picker/dist/main.css' // fontAwesome 图标库样式
第三步:在components中声明,并定接收参数:
options中的参数代表都要引入那些图标第四步:使用:
<e-icon-picker v-model="icon" :options="options" />
查看效果:
选择完,接收的参数data.icon具体的相关参数配置请参考:http://doc.icon.cnovel.club/doc/use/configuration.html