elementui 的colorPicker 如何实时预览页面的颜色修改效果？

Question

比如用户修改网页的颜色，点击取色版，网页就实时改变颜色。 但用户不点击确定，调色板失焦自动关闭时，网页的颜色应该恢复以前的。点击确定后，页面颜色保持，然后向后台保存。

Answer 1

如下函数改成这样:

displayedColor: function displayedColor(val) {
      
        this.$emit('active-change', val);
      
    }

Answer 2

明白你的意思了，就是想添加一个隐藏面板时的回调方法，参考下图：

使用方式：@cancel

<el-color-picker v-model="color" @cancel="cancelFn">
</el-color-picker>