如何通过 javascript/typescript 获取 "Event" 对象的特定元素

Question

总结

我通过 Vuetify.js 在 Vue.js/Nuxt.js 应用程序中实现了 select 框。
我添加了 @change 事件以获得 selected 值。

<v-select
  v-model="selectedStartTime"
  :items="startTime"
  item-text="text"
  item-value="value"
  @change="onChangeEndTime"
/>

onChangeEndTime (e : Event) {
  console.log(e)
}

开发人员控制台显示 selected 的对象值。
我想知道如何在 onChangeEndTime 函数中获取它的具体元素值 hour 和 minute

我试过的

1. console.log(e.target) 返回 undefined.

2. console.log(e.hour) returns 准确值。但它显示错误消息 Property 'hour' does not exist on type 'Event'.Vetur(2339) .

Answer 1

v-select 的 change-event 参数是所选值本身（不是 Event 对象），它是包含 hour 和 [=15 的对象=].

一个解决方案是将 e 的类型从 Event 更改为 { hour: number, minute: number }:

onChangeEndTime (e : { hour: number, minute: number }) {
  console.log(e.hour) // ✅ e.hour exists
}