el-color-picker设置最近使用色

import ElementUI from 'element-ui';
// 修改默认配置
window.colorList = [];  // 可以设置初始默认颜色
ElementUI.ColorPicker.props.predefine = {
    type: Array,
    default: () => {
        return window.colorList
    }
};
// 将原方法转换成字符串
let fn = ElementUI.ColorPicker.methods.confirmValue.toString(),
    fnStr = fn.substr(fn.indexOf('{') + 1, fn.length - fn.indexOf('{') - 2);
ElementUI.ColorPicker.methods.confirmValue = () => {
    // 添加新的代码逻辑之后再解析
    eval(fnStr + `let index = window.colorList.indexOf(value);
    if (index > -1) {
        window.colorList.splice(index, 1);
    }
    if (window.colorList.length == 20) {
        window.colorList.pop();
    }
    window.colorList.unshift(value);`)
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容