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
}
这样就成功解决了问题,希望能帮助到各位,共勉。