pass index to child event listener in parent component in vuejs

Question

I have a list of objects within a v-for loop:

    

        
                      

              相关标签:
       
      

Answer 1

You can bind an arrow function expression in your event handler. For example

<child @event-fired="dataFromChild => handleEvent(index, dataFromChild)"/>

JSFiddle demo (from the Vue boilerplate) ~ https://jsfiddle.net/zmxksv35/

Answer 2

Just pass everything into your event handler as a single object.

<div v-for="(element, index) in myArray">
    <child @event-fired="data => handleEvent({ index, data })"></child>
</div>

Then, in your event handler, you can destructure it:

handleEvent({ index, data }) {
    // handle the event
}