时间戳

首页 > 解决方案 > 清除 Buefy 日期选择器

javascript - 清除 Buefy 日期选择器

问题描述

我有一个值 deliveryDate 是从我的漂亮日期选择器中获得的。我连接了一个清除按钮，单击该按钮应将日期更改为空，这样就不会选择任何日期。这个问题是我在控制台中收到关于道具类型的错误。我的日期选择器设置如下。

                 <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 warn]: Invalid prop: type check failed for prop "value"。预期日期，数组，得到值为“2020-08-14T07:00:00.000Z”的字符串。默认情况下，我在商店中将 deliveryDate 设置为 null。如果我完全删除了 v-model，那么它会正确更新我的值，但 datepicker 不会显示从日期到 null（占位符）的更改。任何想法都会很棒，因为我一直在努力寻找解决方案。

标签： javascriptvue.jsvuexpropbuefy

解决方案

推荐阅读