Ant Design Vue 框架 DatePicker 日期选择框 组件的清除功能的坑

使用 DatePicker 日期选择框 组件时,组件自带清除按钮,可以清除掉用户选择的时间

 

 组件代码: <a-date-picker v-model="time" />。本来以为这样就行了,然后获取time的值来做之后的操作。

可是在点击清除按钮的时候,页面上日期选择框的值确实被清除掉了,但是这个时候我们发现time还是原来选择的值并没有清除为null,这就有点坑了。

好在我们可以通过chang事件,获取到日期选择框的变化,然后赋值给time。

change(value){
   this.time= value;
},

可是如果我必须要使用change的话,那么v-model的意义是什么呢~

posted @ 2020-08-06 11:48  晋予de博客  阅读(6208)  评论(0编辑  收藏  举报