Ant Design Vue 重置表单不行

你可以尝试使用 Ant Design Vue 提供的 Form 组件的 resetFields 方法来重置表单。首先，确保你在使用 Form 组件时引入了 Form 实例，然后在需要重置表单的地方调用 resetFields 方法即可。以下是一个示例代码片段：

<template>
  <a-form :form="form">
    <!-- 表单字段 -->
    <a-form-item label="字段1">
      <a-input v-decorator="['field1']" />
    </a-form-item>
    <a-form-item label="字段2">
      <a-input v-decorator="['field2']" />
    </a-form-item>

    <!-- 重置按钮 -->
    <a-button type="primary" @click="resetForm">重置</a-button>
  </a-form>
</template>

<script>
import { Form, Button, Input } from 'ant-design-vue';

export default {
  components: {
    'a-form': Form,
    'a-form-item': Form.Item,
    'a-button': Button,
    'a-input': Input,
  },
  data() {
    return {
      form: this.$form.createForm(this),
    };
  },
  methods: {
    resetForm() {
      this.form.resetFields(); // 调用 resetFields 方法重置表单
    },
  },
};
</script>

这样，当点击"重置"按钮时，表单中的字段将会被重置为初始值。确保在 `resetForm` 方法中调用 `this.form.resetFields()` 来重置表单字段。如果你的情况不同，请提供更多的细节或代码以便我能够更好地帮助你解决问题。