本文介绍了如何在使用Element UI的颜色选择器组件时，支持外部输入框修改颜色值，并确保输入的有效性。通过分析Element UI的源码，发现了Color对象的特性，当输入非法颜色时，Color会返回红色的rgb值。利用这一特性，可以封装一个颜色校验方法，以确保用户输入的颜色值正确。
今天遇到一个需求，用 element的颜色选择器同时，需要支持外部输入框进行修改
问题：外部输入后，如何确保其输入的有效性？
思考：用户可能乱输入，并且可能输入rgb、hex等等类型的颜色，正则等肯定是不行的
过程：查看其源码，发现elemetn中有封装Color对象，经过阅读和尝试，找到了一个可行的方案。
其Color类的特性为，输入非法颜色时，会输出为红色的值rgb(255,0,0,1)，那我们可以借用这个特性封装一个颜色校验方法。
源码：
import Color from "element-plus/packages/color-picker/src/color"
<
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
3630
