vue2 使用vue-color调色盘
效果图：
<template>
<div>
<chrome-picker v-model="color" :disableAlpha="false"></chrome-picker>
<p>Selected Color: {{ color }}</p>
<el-button @click="aa">
提交
</el-button>
</div>
</template>
<script>
import { Chrome } from 'vue-color';
export default {
components: {
ChromePicker: Chrome,
},
data() {
return {
color: { hex: '#000000' }, // 默认颜色
}
},
methods:{
aa(){
console.log(this.color.hex)
}
}
}
</script>