I pass a parameter in v-on:input directives. If I don’t pass it, I can access the event in the method. Is there any way I can still access the event when passing the parameter to the function? Note that I am using vue-router.

This is without passing the parameter. I can access the event object:

HTML

<input type="number" v-on:input="addToCart" min="0" placeholder="0">

Javascript

methods: {
  addToCart: function (event) {
    // I need to access the element by using event.target
    console.log('In addToCart')
    console.log(event.target)
  }
}

This is when passing the parameter. I can’t access the event object:

HTML

<input type="number" v-on:input="addToCart(ticket.id)" min="0" placeholder="0">

Javascript

methods: {
  addToCart: function (id) {
    // How can I access the element by using event
    console.log('In addToCart')
    console.log(id)
  }
}

Here is a fiddle of the code, it should be good enough to replicate the problem that I am having:

https://jsfiddle.net/lookman/vdhwkrmq/

4 Answers
4

Tags:

Leave a Reply

Your email address will not be published. Required fields are marked *