美文网首页
el-color-picker设置最近使用色

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

作者: 变异宝宝 | 来源:发表于2021-08-05 09:02 被阅读0次
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);`)
}