如何通过 javascript/typescript 获取“事件”对象的特定元素

Posted 2023-03-13

【中文标题】如何通过 javascript/typescript 获取“事件”对象的特定元素

【英文标题】：How to get "Event" object's specific element by javascript/typescript

【发布时间】：2022-01-18 23:53:30

【问题描述】：

总结

我在Vue.js/Nuxt.js 应用程序中通过Vuetify.js 实现了选择框。 我添加了@change 事件以获取选定的值。

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

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

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

我尝试了什么

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

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

【参考方案1】：

v-select 的change-event 参数是所选值本身（不是Event 对象），即包含hour 和minute 的对象。

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

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