自学内容网 自学内容网

vue3+ant design vue实现日期等选择器点击右上角叉号默认将值变为null,此时会影响查询等操作~

1、效果图

2、思路:通过监听操作时间绑定的值是否存在,若存在将其改为空数组即可 

3、代码:

<a-form-item name="beginDate" label="操作日期" labelAlign="left">
   <a-range-picker v-model:value="formState.beginDate" value-format="YYYY-MM-DD" />
</a-form-item>

  watchEffect(() => {
    if (!formState.value.beginDate) {
      formState.value.beginDate = [];
    }
  });


原文地址:https://blog.csdn.net/m0_62626838/article/details/143774180

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!