Ant Design Vue多个a-form表单怎么获取form实例

在Ant Design Vue中，如果你需要在多个`<a-form>`组件中分别处理表单提交并获取form实例，你可以为每个表单分配独立的Vue实例，并在该实例内创建和管理Form组件。这里是一个基本的示例：

<template>
  <!-- 每个form组件 -->
  <div v-for="(item, index) in forms" :key="index">
    <a-form ref="form{{index}}" :model="item.model" @submit="handleSubmit(index)">
      <!-- 表单内容... -->
    </a-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      forms: [
        { model: {} }, // 第一个表单的数据模型
        { model: {} }  // 第二个表单的数据模型
      ]
    };
  },
  methods: {
    handleSubmit(index) {
      const formInstance = this.$refs['form' + index]; // 获取对应索引的form实例
      if (formInstance.validateFields()) {
        console.log('第', index, '个表单提交成功');
        // 在这里可以进一步处理表单数据或发送请求...
      }
    }
  }
};
</script>

在这个例子中，我们使用了`ref`属性为每个表单动态绑定一个唯一的标识符，并通过`this.$refs`访问到对应的form实例。`validateFields()`方法用于验证表单数据。