当前位置: 首页 > news >正文

element-ui colorPicker 组件源码分享

简单分享 colorPicker 颜色选择器组件源码,主要从以下三个方面:

1、colorPicker 组件页面结构。

2、colorPicker 组件属性。

3、colorPicker 组件事件。

一、组件页面结构。

二、组件属性。

2.1 value/v-model 绑定值属性,类型为 string,无默认值。

2.2 disabled 是否禁用属性,类型为 boolean,默认 false。

2.3 size 尺寸属性,类型为 string,可选值 medium / small / mini,无默认值。

2.4 show-alpha 是否支持透明度选择属性,类型为 boolean,默认 false。

2.5 color-format 写入 v-model 的颜色的格式,类型为 string,可选值 hsl / hsv / hex / rgb,默认值 hex(show-alpha 为 false)/ rgb(show-alpha 为 true)。

2.6 popper-class ColorPicker 下拉框的类名,类型为 string,无默认值。

2.7 predefine 预定义颜色,类型为 array,无默认值。

三、组件事件。

3.1 change 事件,当绑定值变化时触发,回调参数为当前值。

3.2 active-change 事件,面板中当前显示的颜色发生改变时触发,回调参数为当前显示的颜色值。

相关文章:

  • 音视频小白系统入门笔记-0
  • 多光谱相机与高光谱相机的区别
  • AI搜索引擎的局限性
  • 代码随想录算法训练营Day30 | 01背包问题(卡码网46. 携带研究材料)、Leetcode416.分割等和子集
  • 车载软件架构 --- Autosar OS MCU多核启动
  • Python(16)Python文件操作终极指南:安全读写与高效处理实践
  • TikTok账号养号难题解决方案:利用TK矩阵系统助力账号快速成长
  • 爱普生SG3225EEN低抖动差分晶振在网络通信的应用
  • JAVA如何操作文件?(超级详细)
  • Kimi-VL:开源多模态视觉语言模型的崭新突破
  • 爬虫框架 - Coocan
  • 2.2 函数返回值
  • 今日行情明日机会——20250415
  • 聊聊Spring AI Alibaba的DocumentParser
  • Visual Studio + OpenCV C++ 安装与配置教程
  • PTA:古风排版
  • 37-串联所有单词的子串
  • 贪心算法(20)(java)整数替换
  • 通过python实现bilibili缓存视频转为mp4格式
  • 《Ethical Implications of ChatGPT in Higher Education: A Scoping Review》全文翻译
  • 遍体鳞伤就是击不倒,这是国米老男孩最后的倔强
  • 来上海喝云南咖啡!上海国际咖啡文化节助力咖啡产业破圈出海
  • 浪尖计划再出发:万亿之城2030课题组赴九城调研万亿产业
  • 国台办:“台独”是绝路,外人靠不住
  • 美国清洗政治:一幅残酷新世界的蓝图正在展开
  • 不准打小孩:童年逆境经历视角下的生育友好社会