e-icon-picker 图标选择器
基本用法
高级用法
组件内动态设置以及方法展示
组件内使用iconfont彩色图标展示
组件内使用iconfont图标展示
组件内使用svg图标展示
在dialog中使用
自定义触发器
主题切换
属性
| 参数 | 说明 | 默认值 | 可选值 |
|---|---|---|---|
| model-value / v-model | 绑定值 | 空 | — |
| disabled | 是否禁用 | false | true/false |
| size | 组件大小 | medium | large/medium/small/mini |
| width | 组件宽度 | -1 | number |
| readonly | 原生属性，是否只读 | false | true/false |
| defaultIcon | 默认图标 | eiconfont e-icon-bi | 图标名 |
| clearable | 是否可清空 | false | true/false |
| placement | 弹窗位置 | bottom | top/bottom |
| placeholder | 输入框提示信息 | 请选择图标 | 任意 |
| styles | 组件自定义样式 | 空 | 无 |
| emptyText | 图标列表为空时默认显示的文本 | 暂无可选图标 | 任意 |
| highLightColor | 图标选中高亮（对svg图标无效） | 空 | 任意（hex） |
| zIndex | 显示的弹窗层数（会全局影响） | 空 | 数字 |
| appendBody | 弹窗内容追加到body删除 | false | true/false |
| contentClass | 弹窗内容类样式 | 空 | |
| options | 图标参数 | object | 无 |
options
| 参数 | 说明 | 默认值 | 可选值 |
|---|---|---|---|
| options.addIconList | 自定义新增图标列表 | [] | 无 |
| options.removeIconList | 自定义删除图标列表 | [] | 无 |
事件
| 事件名称 | 说明 | 回调参数 |
|---|---|---|
| change | 数值发生改变时回调 | 新状态的值 |
方法
| 方法名 | 说明 | 参数 |
|---|---|---|
| addIcon | 添加一个或多个图标 | String / Array |
| removeIcon | 删除一个或多个图标 | String / Array |
| destroyIconList | 销毁图标列表，不销毁输入框 | - |
| createIconList | 重新创建图标列表 | - |
| show | 触发选择器 | - |
| hide | 隐藏选择器 | - |
插槽
| 名称 | 说明 | 参数 |
|---|---|---|
| - | 触发器插槽 | data 为触发器相关参数 |
| prepend | input 输入框前缀组件 | icon 参数为图标名称 |
| icon | 图标列表显示组件 | icon 参数为图标名称 |