Element ui colorpicker在Vue中的使用
转载声明：
本文为摘录自“博客园”，版权归原作者所有。
温馨提示：
为了更好的体验，请点击原文链接进行浏览
摘录时间：
2020-08-16 19:59:18
首先要有一个color-picker组件
<el-color-picker v-model="headcolor"></el-color-picker>
在data里面
data() { return {
headcolor: ’ #278add ’ //这里可以选择一个默认的颜色
} }
然后在你想要改变颜色的地方用v-bind绑定就好了，例如：
<el-header class="header" style="height:50px;" :style="{background:headcolor}">
这里的:style 还可以是:class
这样就可以动态改变主题颜色了，其他的用法可以参考官方例子：https://element.eleme.io/#/zh-CN/component/color-picker
效果如下：
