元素形式校验数组每一项实例代码

1.校验的数据结构如下：

2.html结构

El-dialog : title=' title ' :可见。sync=' visable ' width=' 40% ' : before-close=' cancel ' El-form标签-width=' 80px ' : model=' formData ' : rules=' formDataRules ' ref=' formData ' El-form-item标签=' Id ' prop=' Id ' v-if=' formData。id“{表单数据。id } }/El-表单-表单-项目请输入test1 '，触发器： ' blur ' } ' El-input type=' text ' v-model=' item。测试1 '/El-输入/El-表单-项目El-表单-项目标签=' test 2 ' : prop=' ` test[$ { index }]。test2 ` ' : rules=' {必需3360 true，消息： '请输入test2 '，触发器： ' blur ' } ' El-input type=' text ' v-model=' item。test2 '/El-input/El-form-item/div//end-/El-form div slot=' footer ' class=' dialog-footer ' El-button @ click=' cancel '取消/El-button El-button类型=' primary ' @ click=' save '(' formData ')'确定/el-button /div /el-dialog3 .提交

保存(表单名称：字符串){ const el: any=this .$ refs[formName]；埃尔。validate((validate : any)={ if(validate){//todo校验成功} else { return false } })；}4.效果

总结

以上所述是小编给大家介绍的元素形式校验数组每一项实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！