Vue.js 将索引传递给vuejs中父组件中的子事件侦听器
我有一个v-for循环中的对象列表: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
<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
所代表的意思。