使用element ui 的日期插件搜索清空时报错

1.先贴上一张图，供您看一看

Error in v-on handler: “TypeError: Cannot read property ‘0’ of null”
我这报错报了一个 property ‘0’ 为null ，其实再仔细一看是用的ui 插件日期的报错

2.上代码给您分析一下

1.element ui 组件库

  <el-date-picker v-model="ruleForm.changeTime" size="small" type="daterange"
                                        range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
                                        value-format="yyyy-MM-dd" @change="searchList">
                                    </el-date-picker>

2.请求api接口获取开始时间和结束时间

 startlastModifyDate: that.ruleForm.changeTime[0], //最后修改开始时间
  endlastModifyDate: that.ruleForm.changeTime[1] //最后修改结束时间

3.解决方案：虽说这样获取时间是正确的，但是没有判断当点击清空时的状态，导致控制台报出错误，

startlastModifyDate: that.ruleForm.changeTime!=null? that.ruleForm.changeTime[0]:'', //最后修改开始时间
endlastModifyDate: that.ruleForm.changeTime!=null? that.ruleForm.changeTime[1]:'', //最后修改结束时间

4.加上一个非空判断完美解决控制报出的错误、

欢迎大家进群进行技术性的探讨， 群号：954314851