antdesignvue resetfields 参数
`antdesignvue` 的 `resetFields` 函数是用于重置表单组件中的字段值。它通常在表单组件(如 `a-form`)中使用,以便在某些操作(如提交表单)后清空表单字段。`resetFields` 函数的参数如下:
1. fields:必选参数,表示需要重置的字段数组。该数组通常包含表单组件中的字段配置对象。例如:`[{ label: '用户名', prop: 'username', span: 8 }, { label: '密码', prop: 'password', span: 8 }]`
2. initialValue:可选参数,表示重置后的字段初始值。默认值为 `undefined`。例如:`{ username: 'admin', password: '123456' }`
3. trigger:可选参数,表示触发重置事件的方式。默认值为 `onChange`。可选值有:
  - 'onChange':在用户输入发生变化时触发重置操作。
  - 'onBlur':在用户失去焦点时触发重置操作。
  - 'onSubmit':在表单提交时触发重置操作。
以下是一个使用 `resetFields` 函数的示例:
```javascript
import { Form, Input, Button } from 'antd';
const App = () => {
  const [form] = Form.useForm();
  const onFinish = (values) => {
    console.log('表单数据:', values);
    // 在此处调用 resetFields 函数重置表单字段
    setFields();
  };
  return (
    <Form form={form} onFinish={onFinish}>
      <Form.Item
        label="用户名"
        name="username"
        rules={[{ required: true, message: '请输入用户名!' }]}
      >
        <Input />
      </Form.Item>
      <Form.Item
        label="密码"
        name="password"
        rules={[{ required: true, message: '请输入密码!' }]}
      >
        <Input.Password />
      </Form.Item>
      <Form.Item>antdesignvue 配置外部文件
        <Button type="primary" htmlType="submit">
          提交
        </Button>
      </Form.Item>
    </Form>
  );
};
export default App;
```
在这个示例中,当用户点击提交按钮时,表单数据将被传递给 `onFinish` 函数。在该函数中,我们调用 `setFields()` 重置表单字段。