一、案例效果

二、案例思路

1. 在 Vue 中，你可以使用 v-for 指令动态渲染多个表单项，并使用 v-model 指令进行双向数据绑定。同时，你可以使用 Element UI 的 Form 组件进行表单验证。
2. 动态定义校验 prop和rules

三、代码案例

html

    <mtd-form-item
        v-for="(item, index) in mainForm.multipleTimeArr"
        :key="index"
        :prop="'multipleTimeArr.' + index"
        :rules="{
          required: true,
          message: '请选择',
        }"
      >
        <div>
          <mtd-date-picker
            v-model="mainForm.multipleTimeArr[index]"
            class="w_440 mt-10"
            type="datetimerange"
            placeholder="开始时间-结束时间"
            value-format="yyyy-MM-dd HH:mm:ss&#