Ant Design Vue resetFields表单重置不生效问题及解决

function resetForm() {
  return {
    username: '',
    alias: '',
    email: '',
    dept_id: undefined,
    phone: '',
  }
}

<el-form :inline="true" :model="searchForm" ref="searchForm" class="demo-form-inline">
        <el-form-item prop="customerName">
          <el-input class="sendmessag-input" v-model="searchForm.customerName" placeholder="请输入客户姓名" width="40" />
        </el-form-item>
        <el-form-item prop="cardIdno">
          <el-input class="sendmessag-input" v-model="searchForm.cardIdno" placeholder="请输入证件号码" width="40" />
        </el-form-item>
        <el-form-item prop="contactPhone">
          <el-input class="sendmessag-input" v-model="searchForm.contactPhone" placeholder="请输入联系电话" width="40" />
        </el-form-item>
        <el-form-item prop="orderNo">
          <el-input class="sendmessag-input" v-model="searchForm.orderNo" placeholder="请输入工单编号" width="40" />
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="onSubmit">查询</el-button>
          <el-button @click="resetForm">重置</el-button>
        </el-form-item>
      </el-form>

 resetForm() {
      this.$refs.searchForm.resetFields();
    },