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"


相关文章
|
4天前
|
JavaScript
vue页面加载时同时请求两个接口
vue页面加载时同时请求两个接口
|
1天前
|
JavaScript
vue知识点
vue知识点
9 1
|
3天前
|
JavaScript
vue打印v-model 的值
vue打印v-model 的值
|
4天前
|
JavaScript
Vue实战-组件通信
Vue实战-组件通信
5 0
|
4天前
|
JavaScript
Vue实战-将通用组件注册为全局组件
Vue实战-将通用组件注册为全局组件
5 0
|
4天前
|
JavaScript 前端开发
vue的论坛管理模块-文章评论02
vue的论坛管理模块-文章评论02
|
4天前
|
JavaScript Java
vue的论坛管理模块-文章查看-01
vue的论坛管理模块-文章查看-01
|
数据库
基于springboot+mybatisplus+vue的课程学分管理系统
基于springboot+mybatisplus+vue的课程学分管理系统
104 0
基于springboot+mybatisplus+vue的课程学分管理系统
基于Springboot+MybatisPlus+Vue的在线课程管理系统
基于Springboot+MybatisPlus+Vue的在线课程管理系统
111 0
基于Springboot+MybatisPlus+Vue的在线课程管理系统
|
JavaScript 前端开发 Java
基于Springboot+MybatisPlus+Vue的前后端分离的学生选课课程教务管理系统
基于Springboot+MybatisPlus+Vue的前后端分离的学生选课课程教务管理系统
185 0
基于Springboot+MybatisPlus+Vue的前后端分离的学生选课课程教务管理系统