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.加上一个非空判断完美解决控制报出的错误、