一. 问题

最近在进行Ant-Design-Vue Form 表单中，当进行多选下拉表（Select multiple）重置（resetFields）时，多选下拉表显示一个值，但是值内容是空。

通过打印结果，发现执行 form.resetFields 后，多选下拉表的重置值变为[undefined]。

二. 解决方法

通过查看 ant-design-vue 文档 知道：在进行resetFields时，会进行对整个表单进行重置，将所有字段值重置为初始值并移除校验结果

因此，我们需要对 Select multiple 定义一个初始值：

<template>
<a-form
  name="basic"
  :mode="formState"
>
  <a-form-item label="结算状态" name="settlementStatus">
    <a-select
      mode="multiple"
      :options="options"
      v-model="formState.settlementStatus"
    >
  </a-form-item>
</a-form>
</template>
const formState = reactive({
  // 添加上其初始值 []，再次执行resetFields时，就正确展示
  settlementStatus: [],
});