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"