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);`)
}
el-color-picker设置最近使用色
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 功能是:选择颜色来控制表格配置的颜色 修改样式.el-color-picker{height:22px;borde...
- 1、vue项目中使用scoped 当一个style标签拥有scoped属性时候,它的css样式只能用于当前的Vue...
- <el-form-item label="选择日期:" prop="timeArrange" ...
- 在使用element-ui的el-date-picker组件时,需要获取到字符串格式的时间,且格式为yyyy-MM...