vColorPicker基于 Vue 的颜色选择器插件

简介: vColorPicker基于 Vue 的颜色选择器插件

d23.1.png

主页:http://vue-color-picker.rxshc.com/

Github:https://github.com/zuley/vue-color-picker

很不错的插件,支持吸管拾取颜色

安装

$ npm install vcolorpicker -S

使用

main.js 文件中引入插件并注册

# main.js

import vcolorpicker from 'vcolorpicker'

Vue.use(vcolorpicker)

在项目中使用 vcolorpicker

<template>
<colorPicker v-model="color" />
</template>

<script>
export default {
data () {
return {
color: '#ff0000'
}
}
}
</script>

参数

属性

说明

示例

defaultColor

默认颜色

defaultColor="#ff0000"

disabled

禁用状态

disabled=true


事件

说明

示例

change

颜色值改变的时候触发

v-on:change="headleChangeColor"


            </div>
目录
相关文章
|
JavaScript 数据处理
👻关于ECharts的那些事儿(数据超出Y轴最大值max又不想它隐藏)
👻关于ECharts的那些事儿(数据超出Y轴最大值max又不想它隐藏)
1939 0
|
安全 关系型数据库 数据库
Postgresql 数据库用户权限授权(用户角色分配模式)
为了更方面和安全地管理数据库用户账号权限安全,实现通过用户角色代理的模式,实现用户账号功能授权的模式
19966 2
Postgresql 数据库用户权限授权(用户角色分配模式)
|
4月前
|
前端开发 小程序 搜索推荐
什么类型的项目会优先选择Headless CMS
Headless CMS的核心价值在于内容与展示的解耦,当项目需要跨终端、高定制化前端、敏捷迭代或强扩展性时,它会成为更优选择;而在小规模、低预算、内容简单且稳定的场景中,传统CMS则更具实用性。
166 1
|
监控 安全 测试技术
深入理解并实践微服务架构中的服务治理
深入理解并实践微服务架构中的服务治理
580 1
|
网络协议 网络虚拟化
eNSP华为模拟器使用——(11)eNSP模拟无线AC和AP
eNSP模拟无线AC和AP 1、拓扑 2、需求(实现AC和AP二层关联) 3、配置(dhcp enable; interface Vlanif 1; ip address 192.
7696 0
|
iOS开发 开发者
【教程】uni-app iOS 打包解决 profile 文件与私钥证书不匹配问题
【教程】uni-app iOS 打包解决 profile 文件与私钥证书不匹配问题
|
存储 JSON 前端开发
🔥基于GitHub的Electron自动发布与更新🔥
🔥基于GitHub的Electron自动发布与更新🔥
element UI 中多行消息提示的实现(this.$message的换行)
element UI 中多行消息提示的实现(this.$message的换行)
857 0
mybatis-plus使用代码配置configuration
mybatis-plus使用代码配置configuration
484 0
|
XML JSON JavaScript
推荐一个比较好用的c++版本http协议库-cpp-httplib
推荐一个比较好用的c++版本http协议库-cpp-httplib
1547 1