VUE：v-for循环出来的el-form，js如何进行总的表单验证

简介

页面上，会有循环多个表单并验证的需求。如下图。左侧一个菜单，一个菜单下有多个规则，一个规则一个表单（之所以没有全部用一个表单的原因是要在切换规则时，保留之前所有的验证红色提示）。

具体实现

正常一个表单的时候，直接 ref=“formName”。由于此处是多个，所以表单名也用拼接的方式来标识唯一（左侧菜单名字加表单所在的历史下标字符窜）。

注意：

在方法里面，使用this.$refs方法来进行表单的validate的时候，
千万注意！！！不能使用this.$refs.formName.validate()，
虽然在refs中能找到该表单，但是会报错 =》 validate方法undefined

但是用如下方法，是可以的。

最后

觉得有用的朋友请用你的金手指点一下赞，或者评论留言一起探讨技术！