一个参数解决vue时间日期el-date-picker清空报错问题

本文主要是介绍一个参数解决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])
    },
......
}

这篇关于一个参数解决vue时间日期el-date-picker清空报错问题的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！