我有一个从我的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(占位符)的更改。任何想法都会很棒,因为我已经被困了一段时间试图找到解决方案。
<b-button icon-left="close" type="is-primary" @click="deliveryDate = null"></b-button>