Element 日期选择器清除问题（Axios get请求问题）

Element 日期选择器问题

条件查询中需要根据日期进行筛选，为了用户便利性展示清除按钮

当点击清除按钮后进行查询（get 请求），报 500 了，看一下 Network，并没有进行 url 拼接（startDate 没有拼接到 url）
检查 api 文件的 params 参数，发现 params 中的 startDate 值为 null

到这里就出现了两个问题：

startDate 为什么赋值为 null 了（input 清除之后值变为空字符）
我使用的是 Axios 为什么，值为 null 没有进行 url 拼接（空字符串的就可以进行拼接）

接下来先看先一下业务代码长什么样，之后就是 Axios 和 Element 源码分析

vue 代码如下：

<template>
  <div>
    <el-form ref="queryForm" label-width="110px" :model="listQuery">
      <el-form-item label="开车日期：">
        <el-date-picker
          v-model="listQuery.startDate"
          value-format="yyyy-MM-dd"
          type="date"
          clearable
          placeholder="选择开车日期"
          style="width: 100%"
        />
      </el-form-item>
    </el-form>
    <el-button type="primary" icon="el-icon-search" @click="getList"
      >查 询</el-button
    >
  </div>
</template>

<script>
  import {
      
       getStationBus } from '@/api/station-bus'
  export default {
      
      
    data() {
      
      
      return {
      
      
        listQuery: {
      
      
          pageNumber: 1,
          pageSize: 20,
          startDate: '',
        },
        list: [],
      }
    },
    created() {
      
      
      this.getList()
    },
    methods: {
      
      
      getList() {
      
      
        getStationBus(this.listQuery).then(res => {
      
      
          this.list = res.data
        })
      },
    },
  }
</script>

api 代码如下：

import request from '@/utils/request'

export const getStationBus = params => {
    
    
  return request({
    
    
    method: 'get',
    url: '/stationBus/list',
    params,
  })
}