在用iview组件库中的timePicker组件时遇到了如上问题。代码如下:
<DatePicker
type="daterange"
placeholder="请选择起始日期"
style="width: 200px"
v-model="dateParam"
ref="DatePicker"
></DatePicker>
// 重置方法
reset(){
this.$refs.DatePicker.$children[0].handleClear();
}
我们输出一下
this.$refs.DatePicker
,如下图:
发现组件内部还有一个子组件,就是input
,仔细看下图,input有个方法是handlerClear
。
所以解决方法是:
点击重置时,时间赋值为null,并且this.$refs.DatePicker.$children[0].handleClear();