在这里插入图片描述
主页: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"
Logo

前往低代码交流专区

更多推荐