SuperAPI AI 工具集

el-color-picker-panel

通用与其它

查看项目

更新于 10-15 23:32

技能介绍

用途:ColorPickerPanel 是 Element Plus 中 ColorPicker 的核心面板组件,用于构建自定义颜色选择界面,适合自定义取色 UI、嵌入式取色、进阶颜色工具以及自定义下拉实现。

主要能力:通过 v-model 绑定颜色值;show-alpha 显示透明度滑块;predefine 传入预定义颜色数组;border 控制是否显示边框;disabled 禁用;color-format 指定颜色格式,可选 'rgb'、'prgb'、'hex'、'hex3'、'hex4'、'hex6'、'hex8'、'name'、'hsl'、'hsv';validate-event 控制是否触发表单校验。提供 footer 插槽用于在面板后追加内容,并暴露 color(当前颜色对象)、inputRef(输入框引用)和 update(更新子组件)方法。

使用方式:在 Vue 模板中直接使用 <el-color-picker-panel v-model="color" />;需要透明度时加 show-alpha;需要品牌色时传入 :predefine="predefineColors";不需要边框时设置 :border="false";禁用时加 disabled。官方建议用于自定义取色实现,可结合 Popover 实现下拉行为,并用 predefine 放置品牌色。

限制:资料未提供安装命令、依赖版本、事件列表、样式定制方式及浏览器兼容性信息,暂未提供。