Cannot read property ‘0‘ of null(element 时间日期选择器el-date-picker点击清空按钮报错)(问题篇)

最新推荐文章于 2023-01-31 17:09:13 发布

skyblue_afan

最新推荐文章于 2023-01-31 17:09:13 发布

阅读量1k

点赞数 1

分类专栏： vue.js 文章标签： vue.js

本文链接：https://blog.csdn.net/skyblue_afan/article/details/118992923

版权

前端开发时间选择器数据查询错误处理时间判断

关键词由CSDN通过智能技术生成

vue.js 专栏收录该内容

49 篇文章 1 订阅

订阅专栏

1、问题如下图

2、解决办法，加个判断，判断时间是否为null,是的话，清空绑定的时间和发送请求的时间，不为空，则发请求，检索数据。

    getItemChange(time) {
      //判断选择器的时间是否为空
      if (time === null) {
      	//清空要发送请求的开始时间和结束时间
        this.labelQuery.startTime = "";
        this.labelQuery.endTime = "";
        //清空时间选择器，绑定的时间
        this.value2 = "";
        //重新执行查询数据的函数
        this.queryReaderLabelInfo();
      }
      //判断如果不为空时
      if (time[1] && time[0]) {
        // 开始时间不能大于等于结束时间
        if (time[0].getTime() >= time[1].getTime()) {
          //弹出错误警告
          this.$message({
            showClose: true,
            message: "查询的结束时间不能小于查询的开始时间！",
            type: "错误",
          });
        } else {
          //给要发送请求的字段赋值
          this.labelQuery.startTime = time[0].getTime();
          this.labelQuery.endTime = time[1].getTime();
          //执行查询数据的函数
          this.queryReaderLabelInfo();
        }
      }
    },