vue-color插件使用方法

安装vue-color：

npm install vue-color

项目（xxx.vue）中引入
代码：

<template>
    <div>                
        <chrome-picker v-model="colors" />
    </div>
</template>
 
<script>
import {  Chrome } from "vue-color";
export default { 
    components: {
        "chrome-picker": Chrome
    },
    data() {
        return {                    
            /* 颜色选择器 */
            colors: {
                color: "",
                hex: "#194d33",
                hsl: { h: 150, s: 0.5, l: 0.2, a: 1 },
                hsv: { h: 150, s: 0.66, v: 0.3, a: 1 },
                rgba: { r: 25, g: 77, b: 51, a: 1 },
                a: 1
            }
        };
    },
    mounted() {},
    methods: {       
        /* 颜色选择器 */
        updateValue(value) {
            console.log(value);
            console.log(this.color);
        }
    }
};
</script>

参考图片:

参考链接：
npm-vue-colora链接