elementUI时间控件重置踩过的坑

           
                  
                    
                  
                

因为是单向数据绑定,所以清空的时侯,获参还是原来填写的数据即 

this.queryObj.queryData.executetimefrom = this.limitDateTime[0];
        this.queryObj.queryData.executetimeto = this.limitDateTime[1];

这个时候重置需要判断当前绑定的数据是否非空和null,是的话就清空,不是的话就需要去赋值,因为点击×,会自动将绑定的参数设置为null,所以在判断是否有值的时候,不能使用length来判断,否则会报length属性值无效的错,所以需要判断limitdatetime!= ‘’ && limitdatetime!!= null,即

    if (this.limitDateTime != "" && this.limitDateTime != null) {
        this.queryObj.queryData.executetimefrom= this.limitDateTime1[0];
        this.queryObj.queryData.executetimeto = this.limitDateTime1[1];
      } else {
        this.queryObj.queryData.executetimefrom = "";
        this.queryObj.queryData.executetimeto = "";
      }

以后遇到判断length值慎用,尤其是类型可能是null的情况无法使用 

你可能感兴趣的:(elementUI,Vue,vue.js,elementui)