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 @   晋予de博客  阅读(6491)  评论(0编辑  收藏  举报
编辑推荐:
· 从问题排查到源码分析:ActiveMQ消费端频繁日志刷屏的秘密
· 一次Java后端服务间歇性响应慢的问题排查记录
· dotnet 源代码生成器分析器入门
· ASP.NET Core 模型验证消息的本地化新姿势
· 对象命名为何需要避免'-er'和'-or'后缀
阅读排行:
· “你见过凌晨四点的洛杉矶吗?”--《我们为什么要睡觉》
· 编程神器Trae:当我用上后,才知道自己的创造力被低估了多少
· C# 从零开始使用Layui.Wpf库开发WPF客户端
· 开发的设计和重构,为开发效率服务
· 从零开始开发一个 MCP Server!
点击右上角即可分享
微信分享提示