Vue.js 将索引传递给vuejs中父组件中的子事件侦听器

Vue.js 将索引传递给vuejs中父组件中的子事件侦听器,vue.js,Vue.js,我有一个v-for循环中的对象列表: <div v-for="(element, index) in myArray"> <child @event-fired="handleEvent(index, dataFromChild)"></child> </div> 现在,我想在从子组件触发事件后,在我的handleEvent方法上,传递子组件的索引和数据 但现在,如果我执行上面所述的操作,我会在控制台上收到一个错误,指出,属性或方法d

我有一个v-for循环中的对象列表:

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

现在,我想在从子组件触发事件后,在我的
handleEvent
方法上,传递子组件的索引和数据


但现在,如果我执行上面所述的操作,我会在控制台上收到一个错误,指出,
属性或方法dataFromChild未定义….

只需将所有内容作为单个对象传递到事件处理程序中即可


然后,在事件处理程序中,可以对其进行分解:

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

可以在事件处理程序中绑定箭头函数表达式。比如说



JSFiddle演示(来自Vue样板)~

FYI,骆驼式事件名称通常很难使用。VUE建议使用KEBAB外壳,即<代码>事件触发的 @菲尔谢谢,以后会考虑的,thanks@Johhn啊,我误解了
dataFromChild
所代表的意思。