这篇博客探讨了一种表单组件的配置方法，它支持预览模式和多种输入类型，如文字、纯数字、金额及手机号。针对金额和纯数字类型，当初始值为0时，显示为空但允许输入0。文章还介绍了通过变量监控输入状态来决定是否显示空值的逻辑，涉及props.modelValue和props.options.type的watch操作。
组件适应场景：
1、可在表单中配置
2、支持表单的预览模式
3、支持的类型：
a. 文字，纯数字(手机键盘为纯数字)，
b. 金额(手机键盘为有.的数字)，
c. 手机号(手机键盘为纯数字&&最多11位)
4、当类型为金额或纯数字：为0时，显示空，但可以输入0
可在表单中配置
与表单中其他组件参数统一
支持的类型
当类型为金额或纯数字：
初始化为0时，显示空，但可以输入0
定义一个变量初始值为true, 当输入时，改成false, watch中当变量为true&&props.modelValue === 0时显示空
需要watch的：props.modelValue， props.options.type
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
