清除 Buefy 日期选择器

问题描述 投票:0回答:1

我有一个从我的beufy日期选择器获得的值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,那么它会正确更新我的值,但日期选择器不会显示从日期到 null(占位符)的更改。任何想法都会很棒,因为我已经被困了一段时间试图找到解决方案。

javascript vue.js vuex prop buefy
1个回答
0
投票
 <b-button icon-left="close" type="is-primary" @click="deliveryDate = null"></b-button>
© www.soinside.com 2019 - 2024. All rights reserved.