ant d 中form表单单独处理的时间范围字段，重置表单内容的时候怎么重置单独处理的字段值

在Ant Design Vue (antd-vue) 的 Form 表单中，如果需要单独处理时间范围字段，比如`<DatePicker.RangePicker>`，当你想要重置表单内容包括这个时间范围字段时，通常会在 Form 控制状态的方法中操作。以下是一个示例：

import { Form, DatePicker } from 'ant-design-vue';

export default {
  components: {
    // ...其他组件
  },
  data() {
    return {
      form: this.$form.createForm(this),
      timeRangeValue: ['', ''], // 时间范围默认值
    };
  },
  methods: {
    resetForm() {
      this.form.resetFields(); // 重置整个表单
      // 对于单独处理的时间范围字段，我们需要明确地设置它的值
      this.timeRangeValue = ['', '']; // 或者清空为初始值
    },
    onTimeRangeChange(value) {
      this.timeRangeValue = value; // 当用户选择新的时间范围时，存储这个值
    },
  },
};

在这个例子中，`resetForm()` 方法不仅调用了 `this.form.resetFields()` 来重置整个表单，还设置了 `timeRangeValue` 变量回原始状态。当用户通过 `<DatePicker.RangePicker v-model="timeRangeValue" />` 交互时，可以选择时间范围，`onTimeRangeChange` 方法会被触发并更新这个值。