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>
目录
相关文章
Element el-color-picker 颜色选择器详解
本文目录 1. 前言 2. 基本用法 3. 带默认值 4. 调整尺寸 5. 小结
3234 0
Element el-color-picker 颜色选择器详解
|
移动开发 资源调度 前端开发
尝试Capacitor(Vue+Android)混合开发
尝试Capacitor(Vue+Android)混合开发
2368 0
尝试Capacitor(Vue+Android)混合开发
|
6月前
|
供应链 监控 数据挖掘
电商API接口:开启供应链管理高效协同与价值提升新通道
电商API接口作为连接电商平台与供应链各环节的关键桥梁,通过实时库存管理、订单自动化、物流追踪、供应商协同等应用,显著提升供应链效率与协同能力,助力企业实现数字化转型与高效运营。
|
前端开发 JavaScript 搜索推荐
UniApp TabBar的巅峰之作:个性化导航的魅力
UniApp TabBar的巅峰之作:个性化导航的魅力
1137 0
|
小程序
uni-app开发微信小程序使用onPullDownRefresh(下拉刷新)总结
uni-app开发微信小程序使用onPullDownRefresh(下拉刷新)总结
1991 0
|
小程序 前端开发 Java
|
缓存 JavaScript 前端开发
Vue首屏优化12条建议
将首屏所需的组件和代码拆分成独立的模块,并使用懒加载技术(如 Vue 的异步组件或路由懒加载)来按需加载它们。这样可以减少初始加载的代码量,提高首屏的加载速度。
|
Java Linux Windows
记一次排查循环依赖的经历
记一次排查循环依赖的经历
|
监控 Shell 开发工具
Debian安装与基本使用:详细指南及常见问题解析
【4月更文挑战第13天】本文档介绍了Debian的安装步骤、基本使用、问题解析及进阶技巧。首先,安装Debian涉及下载ISO镜像,制作启动介质,设置BIOS,然后进行安装过程,包括选择语言、分区、网络配置、软件包选择和用户账户设置。安装完成后,学会基本操作,如命令行使用、软件管理(apt)、系统更新和维护。遇到问题时,解决无线网络、分辨率、输入法和依赖问题。进阶技巧包括自定义Shell环境、使用虚拟化技术(Docker、LXC/LXD)、系统监控与性能调优,以及Git和自动化脚本的高级应用。通过学习这些技巧,可提升在Debian系统上的工作效率。
2237 0