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 API
uniapp微信小程序获取用户手机号
uniapp微信小程序获取用户手机号
787 0
|
小程序 开发者
Taro@3.x+Vue@3.x+TS开发微信小程序,使用自定义tabBar
本文介绍了如何在Taro项目中实现自定义tabBar。首先,在`app.config.ts`中设置`custom: true`并配置`tabBar`。
922 0
Taro@3.x+Vue@3.x+TS开发微信小程序,使用自定义tabBar
|
安全 API UED
WebSocket API 中的 close 事件是如何触发的?
【10月更文挑战第26天】close事件的触发涵盖了从正常的连接关闭到各种异常情况导致的连接中断等多种场景。通过监听close事件,开发人员可以在连接关闭时进行相应的处理,如清理资源、更新界面状态或尝试重新连接等,以确保应用程序的稳定性和良好的用户体验。
|
JavaScript
vColorPicker基于 Vue 的颜色选择器插件
vColorPicker基于 Vue 的颜色选择器插件
307 0
vColorPicker基于 Vue 的颜色选择器插件
|
Linux C语言 固态存储
Linux创建、删除文件和文件夹等操作命令
今天学习了几个命令,是创建、删除文件和文件夹的,在linux里,文件夹是目录,下面说下我学习的命令。 创建文件夹【mkdir】   一、mkdir命令使用权限     所有用户都可以在终端使用 mkdir 命令在拥有权限的文件夹创建文件夹或目录。     二、mkdir命令使用格式     格式:mkdir [选项] DirName     三、mkdir命令功能    
36152 1
|
数据可视化
|
存储 前端开发 算法
大文件上传如何做断点续传?全端+后端结合开发
大文件上传如何做断点续传?全端+后端结合开发
2749 0
|
Web App开发 人工智能 API
AI插件推荐:文案写作的最佳助手——UseChatGPT.ai
usechatgpt满足了文字工作者最主要的需求,同时多模型支持、和自定义指令词又扩大的使用的场景,不得不说,这是一款非常优化的工具。但我们不得不警惕:极大改善我们生产力的工具,某个程度会阻碍我们发展。写作最主要的意义是与思维共舞,如果把整个大纲、内容甚至文章的立意都交给AI,也许真就让我们退化了。唯我所用,但不唯它不用。
805 0
AI插件推荐:文案写作的最佳助手——UseChatGPT.ai
a标签下载特殊字符url手动编码浏览器兼容性不显示
a标签下载特殊字符url手动编码浏览器兼容性不显示
|
安全 JavaScript 前端开发
在浏览器中使用 FFmpeg
FFmpeg是一套可以用来记录、转换数字音频、视频,并能将其转化为流的开源计算机程序。随着浏览器能力的不断发展,我们可以通过 WebAssembly 在浏览器运行各种语言的程序,这其中就包括了使用 c++ 写的 FFmpeg。
1132 0
在浏览器中使用 FFmpeg