vue+element框架中关于时间日期选择器清空值为null的错误

vue+element框架中关于时间日期选择器清空值为null的错误

最近写的物流后台管理系统中有一个根据时间日期查询订单列表的功能。绑定的v-model值
打印出来是一个数组[“2020-08-10”, “2020-08-13”],然后通过传递两个时间参数去调用接口拿到数据,但是后面发现了一个问题,在点击清空按钮之后,v-model值变成了一个null,而我这边需要把数组里面的时间转化为时间戳,这样调用接口的时候就报错了。 在这里插入图片描述
解决方法是监听这个v-model数组,在它为null的时候给它重新赋值为空,然后在调用接口的时候加判断,如果为v-model值为空的话,那就传空值去调接口,拿到的就是全部的订单数据,当v-model值不为空的时候,就把数组值转化为时间戳,传递参数拿到限制时间内的订单数据,下面是代码,createTime就是时间选择器绑定的v-model值,当有值的时候是一个数组;

watch: {
    createTime(newVal, oldVal) {
      console.log(newVal, oldVal);
      if(newVal==null){
        this.createTime=[]
      }
    },
    immediate: true,
    deep: true
  }

这样就成功解决了问题,希望能帮助到各位,共勉。

  • 2
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值