How to get "Event" object's specific element by javascript/typescript

Question

Summary

I implemented select box in Vue.js/Nuxt.js application by Vuetify.js.
I added @change event to get selected value.

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

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

Developer Console shows object value which is selected.
I want to know how to get its specific element value hour and minute in onChangeEndTime function.

what I tried

console.log(e.target) returned undefined.
console.log(e.hour) returns the exact value. but it shows error message Property 'hour' does not exist on type 'Event'.Vetur(2339) .

tony19 · Accepted Answer · 2021-12-15 23:52:20Z

2

v-select's change-event argument is the selected value itself (not an Event object), which is the object containing hour and minute.

One solution is to change the type of e from Event to { hour: number, minute: number }:

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

answered Dec 15, 2021 at 23:52

tony19

140k23 gold badges281 silver badges354 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to get "Event" object's specific element by javascript/typescript

Summary

what I tried

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Summary

what I tried

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related