el-date-picker 点击叉号清空事件后，v-model绑定的值变为null 此时以此条件查接口报错

在用element 中el-date-picker 日期选择器时，如果操作时将日期组件中选择的时间点后边的叉号清空那么此时v-model所绑定的值会变为null 并且无法传递给后端时间字段，如果此时以此参数做判断处理数据时页面会报错

this.FormDate.startTime = this.FormDate.tradeTimeStr.length ? this.FormDate.tradeTimeStr[0] : '';
this.FormDate.endTime = this.FormDate.tradeTimeStr.length ? this.FormDate.tradeTimeStr[1] : '';

原因就是在点击clearable属性清空时间组件时，所绑定的值变为了null
那么为了解决这个坑尝试了下边方法有更好的大家可以提出来

在处理这个值的时候判断一下

this.FormDate.startTime = this.FormDate.tradeTimeStr ? this.FormDate.tradeTimeStr[0] || '': '';
this.FormDate.endTime = this.FormDate.tradeTimeStr ? this.FormDate.tradeTimeStr[1] || '': '';

或者在下次调用之前重新给这个值赋值

if(!this.FormDate.tradeTimeStr) {
      this.FormDate.tradeTimeStr = []
    }