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

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/mouday/article/details/100577979

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

文章创建于: 2019-09-06 13:51:54
展开阅读全文

没有更多推荐了,返回首页