element plus的form表单循环时加必填验证

主要是在el-form-item 里面 的prop加上:prop=“‘projectList[’ + index + ‘].projectId’” 具体根据你的自己的参数哦来变动,注意,直接是因为我是循环的projectList,所以直接定位到projectList里面的元素就行,不能在前面加formData
如下

          <el-col :span="24" v-for="(item, index) in formData.projectList" :key="index">
            <el-form-item label-width="80" :prop="'projectList['  + index + '].projectId'" :rules="rules.projectId">
              <template #label>
                <span>{{ index==0?'操作项目':'' }}</span>
              </template>
              <el-row>
                <el-col :span="12">
                  <el-select v-model="item.projectId" placeholder="请选择项目">
                    <el-option v-for="element in options" :key="element.value" :label="element.label" :value="element.value" />
                  </el-select>
                </el-col>
                <el-col :span="5" :offset="1" style="margin-top: 2px;">
                  <el-input-number v-model="item.num" :min="1" />
                </el-col>
                <el-col :span="2" :offset="1">
                  <el-button icon="Plus" circle @click="operateAddProject()" />
                </el-col>
                <el-col :span="2" v-if="formData.projectList.length>1">
                  <el-button icon="Minus" circle @click="operateDelProject()" />
                </el-col>
              </el-row>
            </el-form-item>
          </el-col>```

js的部分有关代码

const options = ref([
  {
    value: 1,
    label: "数据1",
  },
]);
cosnt  formData= ref({
    projectList: [
      {
        projectId: undefined,
        num: 1,
      },
    ],
  });
  const rulesdata = reactive({
  rules: {
    projectId: [
      { required: true, message: "请选择项目", trigger: ["change", "blur"] },
    ],
  },
});