v选择单个日期时，日期选择器不调用更改事件

Question

我正在尝试检测日期选择器的更改事件。当用户从日历中选择多天时，它运行良好。但若用户选择了一个日期，则不会触发更改方法。我的尝试如下。

<v-date-picker
v-model="dates"
range
color="primary"
id="calendar1"
@change="sendRange"
></v-date-picker>
sendRange(): void {
console.log("executed") // executed for multiple date range selection only
}

我哪里出了问题，我该怎么解决？

Answer 1

使用@input，当选择器处于范围模式时选择单个日期时将调用它

即使日期(年/月/日(的任何部分发生更改，反应式日期选择器也会发出输入，但只有当日期(对于日期选择器(或月份(对于月份选择器(发生更改时才会发出更改事件。如果设置了范围属性，则当同时选择[从，到]时，日期选择器会发出更改。

检查文档

https://vuetifyjs.com/en/api/v-date-picker/#events