Vue - get element calling function wihout (event)

Question

I need to get the element calling my function in Vue. But there is no event. I'm calling the method in my v-for. Here is my HTML code:

<select id="sel_subUse" v-on:change="calculateARV(event, index)">
    <option v-for="subUse in filter(event, index)" value="subUse">{{ subUse }}</option>
</select>

I tried using event.target anyways but to no avail. How do I get the calling element?

tony19 · Accepted Answer · 2022-07-15 01:00:50Z

1

You need to use $event, not event as the parameter. Then you'll have the event.

https://v2.vuejs.org/v2/guide/events.html#Methods-in-Inline-Handlers

edited Jul 15, 2022 at 1:00

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Apr 6, 2018 at 13:53

Bill Criswell

33k8 gold badges80 silver badges68 bronze badges

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

7 Comments

Adifyr Over a year ago

It doesn't work. I've used event without the $ sign in other places, and they work just fine.

Bill Criswell Over a year ago

You can ignore the link to the documentation if you'd like I guess.

Adifyr Over a year ago

Was that sarcasm? I followed the documentation. It doesn't work. There isn't an event (v-on:something) in this case. That's probably why it doesn't work.

Bill Criswell Over a year ago

Yes. Sorry. Are you talking about the event from here? v-on:change="calculateARV(event, index)". If so, that needs to become calculateARV($event, index) and in your callback the first argument will be the DOM event. If event is actual data you need (only suspecting it because of filter(event, index)) then you can do calculateARV(event, index, $event) then the third argument will be the DOM event.

Bill Criswell Over a year ago

If you were doing v-on:change="calculateARV" you wouldn't need to pass event yourself. It would be available as the first argument in the method.

|

Collectives™ on Stack Overflow

Vue - get element calling function wihout (event)

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related