如何在Vben Admin的modal中同时创建并设置多个basicForm组件的值？

在Vben Admin中，如果你想要在Modal中同时创建并设置多个`basicForm`组件的值，你可以按照以下步骤操作：

1. **准备基本Form组件**：首先，确保你已经导入了需要的基本表单组件，并且它接受一个数据模型作为输入，用于初始化表单。

<template>
  <vb-basic-form :model="formData" ref="basicFormRef"></vb-basicForm>
</template>

<script>
import { BasicForm } from 'vben-admin';

export default {
  components: {
    BasicForm,
  },
  data() {
    return {
      formData: {
        field1: '',
        field2: '',
        // ...其他字段
      },
      basicForms: [], // 存储所有表单实例
    };
  },
  mounted() {
    this.basicForms.push(this.$refs.basicFormRef);
  },
};
</script>

2. **初始化表单**：在`mounted()`钩子中或适当的地方，为每个`basicForm`实例分配初始值。

mounted() {
  this.formData.forEach((data, index) => {
    this.basicForms[index].$emit('input', data); // 设置初始值
  });
}

3. **设置和获取值**：当你需要更新表单值时，可以分别对每个实例执行操作：

methods: {
  updateField(index, value) {
    this.basicForms[index].$emit('input', { ...this.formData[index], field1: value }); // 更新特定字段
  },
  getFormData(index) {
    return this.basicForms[index].value; // 获取某个表单的所有已填写信息
  },
}

4. **显示Modal**：当你需要打开包含多个表单的Modal时，传入`formData`数组到Modal组件：

<vb-modal title="多个表单" :model="showModal">
  <div v-for="(form, index) in formData" :key="index">
    <vb-basic-form :model="form" ref="basicForm{{ index }}"></vb-basicForm>
  </div>
</vb-modal>