elementplus 表单v-for

在 Element Plus 中，可以使用 `v-for` 来动态生成表单元素。下面是一个示例：

<template>
  <el-form ref="form" :model="formData" :rules="rules">
    <el-form-item v-for="(field, index) in formFields" :key="index" :label="field.label" :prop="field.prop">
      <el-input v-if="field.type === 'input'" v-model="formData[field.prop]"></el-input>
      <el-select v-else-if="field.type === 'select'" v-model="formData[field.prop]">
        <el-option v-for="(option, optionIndex) in field.options" :key="optionIndex" :label="option.label" :value="option.value"></el-option>
      </el-select>
      <!-- 其他类型的表单元素 -->
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      formData: {},
      rules: {},
      formFields: [
        { label: '姓名', prop: 'name', type: 'input' },
        { label: '性别', prop: 'gender', type: 'select', options: [
          { label: '男', value: 'male' },
          { label: '女', value: 'female' }
        ]},
        // 其他表单字段
      ]
    };
  }
};
</script>