el-color-picker
介绍
基于VUE开发的颜色选择器,采用canvas实现,UI仿照element-ui的color-picker
安装教程
安装:
npm install el-color-picker --save
单独使用:
import elColorPicker from 'el-color-picker'
在main.js全局使用:
import elColorPicker from 'el-color-picker'
Vue.use(elColorPicker)
参数说明
参数名 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
disabled | 是否禁用 | Boolean | true | false |
showAlpha | 是否使用透明度 | Boolean | true | false |
colorFormat | 颜色输出类型,hex:16进制,rgb:rgb | String | rgb | hex |
回调事件
事件名称 | 说明 | 回调参数 |
---|---|---|
change | 颜色改变后触发 | 当前值 |
active-change | 面板中当前显示的颜色发生改变时触发 | 当前显示的颜色值 |