美文网首页前端开发那些事儿
vue-element 图标选择器

vue-element 图标选择器

作者: IssunRadiance | 来源:发表于2020-06-16 21:03 被阅读0次

第一步: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

相关文章

网友评论

    本文标题:vue-element 图标选择器

    本文链接:https://www.haomeiwen.com/subject/msqdxktx.html