Vue 的原生颜色选择器组件 - vue-native-color-picker

Vue 的原生颜色选择器组件 - vue-native-color-picker
插件名称 vue-native-color-picker
发布时间 2021年6月9日
插件作者 dcustodio

基于原生颜色输入的非常干净的颜色选择器组件。

安装和下载:

# NPM
$ npm i vue-native-color-picker --save

使用

1. 导入并注册颜色选择器组件。

import InputColorPicker from "./vue-input-color-picker";
// 全局
Vue.use(InputColorPicker);
// 或局部:
new Vue({
  components: {
    "v-input-colorpicker": InputColorPicker
  },
  data: function() {
    return {
      color: "#222222"
    };
  }
})

2. 将颜色选择器组件添加到模板中。

<v-input-colorpicker  v-model="color" />

3. 可用事件。

  • @input
  • @change
<v-input-colorpicker v-model="color" @input="handleInput" @change="handleChange" />