前端开发那些事儿

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

上一篇下一篇

猜你喜欢

热点阅读