Color Picker 颜色选择器
方便用户选取颜色,主要用于一些设计站点
基础用法
透明度
预设颜色
显示文字
Color Picker API
Color Picker Props
属性名 | 描述 | 类型 | 默认值 |
---|
modelValue / v-model | color-picker的值 | string | — |
id | 原生id属性 | string | — |
showAlpha | 是否显示alpha控制条 | boolean | false |
colorFormat | 颜色格式 | enum | — |
disabled | 是否禁用 | boolean | false |
size | 尺寸 | enum | false |
popperClass | 下拉框的类名 | string | — |
label | 原生label属性 | string | false |
tabindex | 原生tabindex属性 | string / number | 0 |
teleported | 是否插入到body下 | boolean | true |
predefine | 预设颜色组 | object | [] |
showText | 是否显示文字 | boolean | false |
Color Picker Emits
属性名 | 描述 | 类型 |
---|
change | color-picker的值变化时触发 | Function |
activeChange | 面板中当前显示的颜色发生改变时触发 | Function |
focus | 获取焦点时触发 | Function |
blur | 失去焦点时触发 | Function |
Color Picker Exposes
属性名 | 描述 | 类型 |
---|
color | 当前色彩对象 | object |
show | 手动显示color-picker | Function |
hide | 手动隐藏color-picker | Function |
focus | 使color-picker获得焦点 | Function |
blur | 使color-picker失去焦点 | Function |
上次更新时间: