一个参数解决vue时间日期el-date-picker清空报错问题
<div class="block">
<el-date-picker
v-model="meetingtime"
type="datetimerange"
:picker-options="pickerOptions"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
align="right"
@change="handleDate">
</el-date-picker>
</div>
change回调加个参数,清空时参数会是null,v-model的数据也是null,把v-model的数据设置为空数据,不在报错。
methods:{
......
handleDate(t) { // 这里
if (t == null) {
this.meetingtime = [] // 这里
return
}
// 其他代码
console.log("meetingtime:",this.meetingtime)
this.queryParams["startTimeS"] = this.timeToString(this.meetingtime[0])
this.queryParams["endTimeS"] = this.timeToString(this.meetingtime[1])
},
......
}