【ElementUI 表单校验】一个 el-form-item 下多个表单校验（循环校验）_el-form 多个form依次校验

前端项目开发中，表单的应用是必不可少的，不管使用的原生、还是框架如：ElementUI、Ant Design Vue 等。基本的表单应用比较简单，按照文档中的描述使用即可。

官网地址
数字化管理平台
Vue3+Vite+VueRouter+Pinia+Axios+ElementPlus
个人博客地址

如下图：

使用 ElementUI 中的表单代码如下：

<el-form
  ref="addForm"
  :model="form"
  :rules="rules"
  inline
  label-width="100px"
  class="demo-ruleForm"
>
    <div class="item-title">页面配置</div>
        <div class="left">
          <el-form-item label="客户端:" prop="client" required>
            <el-select
              v-model="form.client"
              placeholder="请选择"
              style="width:300px"
              @change="selectChange($event, 'client')"
            >
              <el-option
                v-for="item in enumObj.client"
                :key="item.value"
                :label="item.label"
                :value="item.value"
                size-full="100%"
              />
            </el-select>
          </el-form-item>
          <el-form-item label="页面名称:" prop="webName">
            <el-input
              v-model="form.webName"
              placeholder="请输入"
              style="width:300px"
            />
          </el-form-item>
          <el-form-item label="H5链接:" prop="webUrl">
            <el-input
              v-model="form.webUrl"
              placeholder="请输入"
              style="width:300px"
            />
          </el-form-item>
          <el-form-item label="选择模板:" prop="selectMode">
            <el-select
              v-model="form.selectMode"
              placeholder="请选择"
              style="width:300px"
              clearable
            >
              <el-option
                v-for="item in enumObj.selectMode"
                :key="item.value"
                :label="item.label"
                :value="item.value"
                size-full="100%"
              />
            </el-select>
          </el-form-item>
          <el-form-item label="页面主标题:" prop="webMainTitle">
            
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57