vue颜色选择器el-color-picker的安装及使用

近段时间在写一个海报生成组件,开发过程中字体颜色需要使用一个颜色选择器,找遍了全网也没有找到一个合适的插件,别人写好的vue的颜色选择器少之又少,仅有的几个也不美观不灵活,element-ui的颜色选择器是我比较喜欢的一款,但又不想因为这一个组件而去引入整个element-ui依赖库,所以决定自己仿照element-ui做一个一样的插件。

插件地址:https://gitee.com/chenfency/el-color-picker

效果图:

插件安装:

npm i el-color-picker --save    

插件使用:

<template>

        <div>

                <el-color-picker v-model="color"></el-color-picker>

        </div>

</template>

<script>

        import elColorPicker from 'el-color-picker'

        export default {
                components:{elColorPicker},
                data() {
                         return {
                                     color: "#e0e0e0"
                         }
                 }
        }

</script>


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。