Element UI Color Picker 默认值不生效解决方法

在使用 Element UI 的 'el-color-picker' 组件时，你可能遇到默认值不生效的问题。这通常是因为在设置默认值时，v-model 绑定的属性值没有正确设置。

请确认以下几点：

确保在 data 中定义了 KVForm 对象，并且 color 属性存在且有默认值。
确保在 el-color-picker 组件中正确绑定了 v-model，即 v-model='KVForm.color'。
检查是否有其他地方修改了 color 属性的值，导致默认值被覆盖。

如果确认以上几点都没有问题，但默认值仍然不生效，可以尝试在 mounted 钩子函数中手动设置默认值，如：

mounted() {
  this.KVForm.color = '#000000';
}

这样可以确保在组件加载完成后，color 属性被正确设置为默认值。

示例代码：

<template>
  <el-form-item label='色值：' label-width='100px'>
    <el-color-picker name='solid' v-model='KVForm.color' show-alpha></el-color-picker>
  </el-form-item>
</template>

<script>
export default {
  data() {
    return {
      KVForm: {
        color: '#000000' // 默认值
      }
    }
  },
  mounted() {
    // 手动设置默认值
    this.KVForm.color = '#000000';
  }
}
</script>