vue-color插件取色器拾色器使用示例，vue实用demo颜色选择器Sketch组件使用，vue中选色板使用示例

一、demo效果

二、使用步骤

1.安装vue-color插件

在终端窗口中输入以下命令 安装插件
npm install vue-color

2.引入组件Sketch

使用import语法引入Sketch组件
import { Sketch } from 'vue-color'

3.注册组件

  components: {
    'sketch-picker': Sketch
  },

4.在html部分使用组件

5.处理点击事件

// 颜色输入框点击事件处理
  colorInputClick () {
    this.isShowColors = !this.isShowColors
  },
  // 颜色值改变事件处理
  colorValueChange (val) {
    console.log(val)

    // 取颜色对象的十六进制值
    this.color = val.hex
  }

三、demo代码