el-color-picker选择颜色的时候,颜色值实时变化
<el-form-item label="字体颜色">
<el-color-picker v-model="selectedItem.fontColor" @show="showColorPicker(selectedItem.fontColor)" @hide="hideColorPicker(oldColor)" show-alpha @active-change="activeChangeColor" @change="setKeyValueColor('fontColor',selectedItem.fontColor, oldColor)" size="small" controls-position="right"/>
</el-form-item>
var oldColor=""
var updatedColor=false
function activeChangeColor(e){
console.log(e);
selectedItem.value.fontColor=e
}
function setKeyValueColor(key, value, oldColor){
console.log(key, value);
console.log(selectedItem.value);
if (value==null) {
selectedItem.value[key]=oldColor
} else {
selectedItem.value[key]=value
}
updatedColor=true
nextTick(() => moveable.value?.updateRect());
}
function showColorPicker(color){
updatedColor=false
oldColor=deepClone(color)
console.log(oldColor);
}
function hideColorPicker(oldColor){
if(updatedColor) return;
console.log(1);
console.log(oldColor);
selectedItem.value.fontColor=oldColor
}