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>
目录
相关文章
|
4月前
|
前端开发 JavaScript
react 修改 antdesign 的 组件默认样式
react 修改 antdesign 的 组件默认样式
|
6月前
vue3+vite项目中使用svg图标
vue3+vite项目中使用svg图标
309 0
|
21小时前
|
存储
vue2、vue3分别配置echarts多图表的同步缩放(二)
vue2、vue3分别配置echarts多图表的同步缩放
4 0
|
21小时前
|
API
vue2、vue3分别配置echarts多图表的同步缩放(一)
vue2、vue3分别配置echarts多图表的同步缩放
5 0
|
1月前
|
JavaScript 前端开发 开发者
vue的组件和插件
Vue中的组件是用于构建用户界面的可复用单元,而插件是为Vue添加全局功能的扩展。两者在Vue框架中扮演着不同的角色,共同促进了Vue应用的开发和维护。
vue的组件和插件
|
2月前
|
JavaScript 前端开发
在Vue中,如何使用过渡效果?
在Vue中,如何使用过渡效果?
13 0
|
4月前
|
JavaScript 前端开发
(详解)vue中实现主题切换的三种方式
(详解)vue中实现主题切换的三种方式
113 1
|
9月前
|
前端开发 JavaScript ice
vue3富文本
vue3富文本
55 0
|
4月前
|
JavaScript
Vue颜色选择器实现(两种方法)
Vue颜色选择器实现(两种方法)
106 0
|
8月前
|
JavaScript
vue动态点击添加样式
v-for循环的多个input框点击添加样式