element-ui动态插入如何重新验证验证
1、elementUI官网有对单表单的添加,现在对多表单的添加,考虑的实现方式是,先写死一个必须的表单,需要新增表单的放在一个div里,在div中使用v-for生成,达到同时增加的效果。
2、书写的语法是:prop="'moreNotifyObject.' + index +'.noti熠硒勘唏fyobject'",moreNotifyObject是v-for绑定的数组,index是索引,notifyobject是表单绑定的v-model的名称,然后用.把他们链接起来。
3、所以总结起来的语法就是:prop="'v-for绑定的数组.' + index + '.v-model绑定的变量'"还有一个需要注意就是v-for的写法,要将表单的model名写进去。
4、官方文档中有写用v-for来实现新增表单,但是那是单表单的新增,现在多表单的新增,可以考虑的实现方法是先写死一个必须的表单。
5、需要新增的两个表单放在一个div里,在div中使用v-for生成,达到同时新增的效果。
6、遇到一个问题,正常的输入去验证是没问题的,但是只要在下拉列表选择,文本框内容更新之后就会出现下面这种问题,触发了form表单的验证规则,而且验证有通过有不通过,并且验证通过的也有问题,手动输入之后,验证就会不通过。
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:46
阅读量:28
阅读量:40
阅读量:81
阅读量:27