有没有什么网站做兼职,河北邢台人品怎么样,海宁最火高端网站设计推荐,电话网站模版在做项目时#xff0c;需要根据需要动态添加或新增表单#xff0c;同时还需要对表单做校验。详情如下图#xff1a;
刚开始做表单验证的时候#xff0c;对于这个动态的表单验证有点难搞#xff0c;试了好几种方法都没有搞定。最后按照下面这种方法实现了#xff0c;以此…在做项目时需要根据需要动态添加或新增表单同时还需要对表单做校验。详情如下图
刚开始做表单验证的时候对于这个动态的表单验证有点难搞试了好几种方法都没有搞定。最后按照下面这种方法实现了以此篇博客留作记录方便下次遇到类似的需求时直接开发。 row v-for(item,index) in dataListi-Form :modelitem :refdataListindex :label-widthlanguageen?140:120i-col span10 Form-Item labels.message code KSGL.LABLE.KAOSHIRQI/ :rules[{required: true, message: 必填}]A propksrqsdate-picker :valueitem.ksrqs on-changeitem.ksrqs$event formatyyyy-MM-dd typedate placeholder stylewidth: 200px/date-picker/Form-Item/i-coli-col span10 Form-Item label备注1 propbzi-Input typetext v-modelitem.bz/i-Input/Form-Item/i-coli-col span4 i-Button sizesmall typeerror clickhandleRemove(index)s.message code ACTION.REMOVE//i-Button/i-col/i-Form/row let arr [];for (var i0;iself.dataList.length;i){let form dataList i;self.$refs[form][0].validate((valid) {if (valid) {arr.push(true);} else {arr.push(false);}});}let flag arr.every((item) {console.log(item,item)return item true;});if (flag) {self.$Modal.confirm({title: i18n(MODEL.CONFIRM_TITLE),content: i18n(MODEL.CONFIRM_CONTENT),//loading: true,okText: i18n(MODEL.CONFIRM_OK_TEXT),cancelText: i18n(MODEL.CONFIRM_CANCEL_TEXT),onOk: function() {},onCancel: function() {self.$Message.info({content:i18n(MODEL.CONFIRM_ON_CANCEL),duration: 10,background: true,closable: true});}});} else {self.$Message.error({content:i18n(VALIDATE.FORM_ERROR),duration: 10,background: true,closable: true});}
