网页特效栏目收集了最全最新的前端网页插件,包括最流行的jQuery,Bootstrap,Js,Css,Vue等主流特效插件。
一个易于使用的Vue.js颜色选择器组件,支持“十六进制”,“ hsl”,“ hwb”和“ rgb”格式。
1. 导入组件。
import { ColorPicker } from 'vue-accessible-color-picker';
2. 注册拾色器组件。
.export default {
components: {
ColorPicker,
}
}
3. 或全局导入和注册组件。
import { ColorPickerPlugin } from 'vue-accessible-color-picker';
Vue.component('ColorPickerPlugin', ColorPickerPlugin)
4. 创建一个默认的颜色选择器组件。
<template>
<ColorPicker />
</template>
5.默认配置项。
color: {
type: [String, Object],
required: false,
default: null,
},
id: {
type: String,
required: false,
default: 'color-picker',
},
visibleFormats: {
type: Array,
required: false,
default: () => ['hex', 'hsl', 'hwb', 'rgb'],
validator (visibleFormats) {
return visibleFormats.length > 0 && visibleFormats.every(format => ALLOWED_VISIBLE_FORMATS.includes(format))
},
},
转载请注明来源:Vue.js(vue-accessible-color-picker)颜色选择器组件
本文永久链接地址:https://www.moyouyouw.cn/code/1074.html
郑重声明:本站所有主题/文章除标明原创外,均来自网络转载,版权归原作者所有,如果有侵犯到您的权益,请联系本站删除,谢谢!我们不承担任何技术及版权问题,且不对任何资源负法律责任。
已有 位小伙伴发表了看法
欢迎 你 发表评论