Element UI el-color-picker 组件点击事件回调详解

在 Element UI 中，el-color-picker 组件有两个主要的点击事件回调：

1. change：当用户选择颜色时触发，回调函数接收当前选中的颜色值作为参数。
2. active-change：当用户点击某个颜色时触发，回调函数接收当前选中的颜色值作为参数。

示例代码如下：

<template>
  <el-color-picker v-model='color' @change='handleChange' @active-change='handleActiveChange'></el-color-picker>
</template>

<script>
export default {
  data() {
    return {
      color: ''
    }
  },
  methods: {
    handleChange(color) {
      console.log('当前选中的颜色值：', color)
    },
    handleActiveChange(color) {
      console.log('用户点击的颜色值：', color)
    }
  }
}
</script>