一个参数解决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])
    },
......
}

标签：picker,el,timeToString,......,meetingtime,报错,null,queryParams
来源： https://www.cnblogs.com/foxer-z/p/16473575.html