天天看点

vColorPicker基于 Vue 的颜色选择器插件

vColorPicker基于 Vue 的颜色选择器插件

主页:

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"

继续阅读