vue-color-颜色选择器插件

npm install vue-color

<div>
    <div>color-picker</div>
    <p>Chrome</p>
    <chrome-picker v-model="colors" />
    <p>Sketch</p>
    <sketch-picker v-model="colors" />
    <p>Photoshop</p>
    <photoshop-picker v-model="colors" />
    <p>Material</p>
    <material-picker v-model="colors" />
    <p>Slider</p>
    <slider-picker v-model="colors" />
    <p>Compact</p>
    <compact-picker v-model="colors" />
    <p>Swatches</p>
    <swatches-picker v-model="colors" />
    <p>Twitter</p>
    <twitter-picker v-model="colors" />
    <p>Grayscale</p>
    <grayscale-picker v-model="colors" @input="updateValue" />
</div>

$ npm install vcolorpicker -S

import vcolorpicker from 'vcolorpicker'
Vue.use(vcolorpicker)

<div>
 <colorPicker v-model="form.color" @change="handleChangeColor" size="5"></colorPicker>
</div>

  return {
        form: {
          color:'#ff0000',//默认选择颜色
        },
  }

      handleChangeColor (val) {
        console.log('输出颜色值',val)  // 颜色 #6c8198
      },