antd +vue3 a-form表单验证(校验)规则填写数值后提示仍然存在的问题 嵌套
antd +vue3a-form表单验证(校验)规则填写数值后提示仍然存在的问题嵌套TS表单验证失效
·
今天写表单收集时,发现验证规则失效,效果如下图,所属网络验证规则可以呈现出来,而ip的验证规则却不行。
属性定义如下图。开始IP和结束IP都在**fromState.findIps[]**里,导致嵌套
错误代码如下
在遇到某个字段值比如findIps是个数组,下面多个字段值还需要继续使用rules校验时候,直接给findIps下面的字段绑定name=“对应的字段值”,是不能校验成功的,解决办法有二:
1、在是数组的地方再套一个
**<a-form :model="当前子对象" v-for="遍历findIps这个数组"></a-form>
**给findlps数组下的字段直接还是绑定name名称为原本的名称就可以;
示例代码如下:
存在的问题就是 表单验证(校验)不允许嵌套,只能验证到第一层对象,所以需要将第二层变成第一层。
更多推荐
已为社区贡献4条内容
所有评论(0)