如何解决清除Buefy日期选择器
我有一个从交货日期选择器中获取的值deliveryDate。我连接了一个明确的按钮,单击该按钮后应将日期更改为null,以便不选择任何日期。问题是我在控制台中遇到关于道具类型的错误。我的日期选择器设置如下。
<b-datepicker
v-model="deliveryDate"
expanded
:min-date="minDate"
placeholder="Click to select"
:mobile-native="false"
@input="updateDeliveryDate"
></b-datepicker>
<b-button
icon-left="close"
type="is-primary"
@click="clearDeliveryDate"
></b-button>
deliveryDate保存在我的vuex商店中,因此当调用updateDeliveryDate时,它将日期分发到我的商店。调用clearDeliveryDate时,它会将null值分派给我的商店。但是,当我刷新页面时,出现控制台错误:[Vue警告]:无效的prop:对prop“ value”的类型检查失败。预期日期,数组,字符串为值“ 2020-08-14T07:00:00.000Z”。默认情况下,我在商店中将deliveryDate设置为null。如果我完全删除了v模型,则它会正确更新我的值,但datepicker不会显示从日期到null(占位符)的更改。任何想法都会很棒,因为我一直在努力寻找解决方案。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。