element-ui动态插入如何重新验证验证

时间:2024-10-13 12:58:07

1、elementUI官网有对单表单的添加,现在对多表单的添加,考虑的实现方式是,先写死一个必须的表单,需要新增表单的放在一个div里,在div中使用v-for生成,达到同时增加的效果。

element-ui动态插入如何重新验证验证

2、书写的语法是:prop="'moreNotifyObject.' + index +'.noti熠硒勘唏fyobject'",moreNotifyObject是v-for绑定的数组,index是索引,notifyobject是表单绑定的v-model的名称,然后用.把他们链接起来。

element-ui动态插入如何重新验证验证

3、所以总结起来的语法就是:prop="'v-for绑定的数组.' + index + '.v-model绑定的变量'"还有一个需要注意就是v-for的写法,要将表单的model名写进去。

element-ui动态插入如何重新验证验证

4、官方文档中有写用v-for来实现新增表单,但是那是单表单的新增,现在多表单的新增,可以考虑的实现方法是先写死一个必须的表单。

element-ui动态插入如何重新验证验证

5、需要新增的两个表单放在一个div里,在div中使用v-for生成,达到同时新增的效果。

element-ui动态插入如何重新验证验证

6、遇到一个问题,正常的输入去验证是没问题的,但是只要在下拉列表选择,文本框内容更新之后就会出现下面这种问题,触发了form表单的验证规则,而且验证有通过有不通过,并且验证通过的也有问题,手动输入之后,验证就会不通过。

element-ui动态插入如何重新验证验证
© 手抄报圈