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>
目录
相关文章
|
5月前
|
JavaScript
vue element plus ColorPicker 颜色选择器
vue element plus ColorPicker 颜色选择器
126 0
|
5月前
|
JavaScript
vue element plus DateTimePicker 日期时间选择器
vue element plus DateTimePicker 日期时间选择器
147 0
|
5月前
|
JavaScript
vue element plus TimePicker 时间选择器
vue element plus TimePicker 时间选择器
72 0
|
5月前
|
SQL 缓存 JSON
vue利用级联选择器实现全国省市区乡村五级菜单联动
vue利用级联选择器实现全国省市区乡村五级菜单联动
|
5月前
|
JavaScript 前端开发 API
vue element plus Cascader 级联选择器
vue element plus Cascader 级联选择器
484 0
|
12月前
|
JavaScript 数据格式
vue里使用elementui的级联选择器el-cascader进行懒加载的怎么实现数据回显?
vue里使用elementui的级联选择器el-cascader进行懒加载的怎么实现数据回显?
544 0
vue里使用elementui的级联选择器el-cascader进行懒加载的怎么实现数据回显?
|
4月前
|
资源调度 JavaScript API
Vue-treeselect:为Vue应用程序提供强大选择器的指南
Vue-treeselect:为Vue应用程序提供强大选择器的指南
237 0
|
11月前
|
JavaScript 前端开发 程序员
vue的年月日时间选择器
vue的年月日时间选择器
81 0
|
3月前
|
JavaScript
vue 父组件修改子组件的样式——深度作用选择器 >>> 、 /deep/ 、 ::v-deep
vue 父组件修改子组件的样式——深度作用选择器 >>> 、 /deep/ 、 ::v-deep
75 0
|
11月前
|
JavaScript 前端开发
vue ColorPicker 颜色选择器,传颜色值的问题
vue ColorPicker 颜色选择器,传颜色值的问题
96 0
下一篇
无影云桌面