ant-color-picker

前言

ant-design-vue的UI框架中，并没有colorPicker颜色选择器，但是在实际工作中又需要使用到，翻阅了其源码，组件中虽能见到color-picker的身影，但是却是使用不了的，在借鉴element-plus的color-picker的源码下封装了该组件。

效果

源码地址

地址：https://gitee.com/ghkeeping/ant-color-picker

文档

Attributes

参数说明类型可选值默认值
value/v-model绑定值string——
size尺寸stringlarge/default/smalldefault
show-alpha是否支持透明度选择boolean—false
color-format写入v-model的颜色格式stringhsl/hsv/hex/rgbhex（show-alpha 为 false）/ rgb（show-alpha 为 true）
predefine预定义颜色array——
placement颜色选择器弹出位置stringtop left right bottom topLeft topRight bottomLeft bottomRight leftTop leftBottom rightTop rightBottomtop

Events

事件名称说明回调参数
change当绑定值变化时触发当前值
active-change面板中当前显示的颜色发生改变时触发当前显示的颜色值
# vue.js # typescript
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue