将索引传递给 vuejs 父组件中的子事件侦听器 [英] pass index to child event listener in parent component in vuejs

问题描述

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

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

现在我想要一旦从子组件触发事件，在我的 handleEvent 方法上，从子组件传递索引和数据.

但是现在，如果我执行上述操作，我会在控制台上收到错误消息，说明未定义属性或方法 dataFromChild....

解决方案

您可以在事件处理程序中绑定箭头函数表达式.例如

JSFiddle 演示(来自 Vue 样板)~https://jsfiddle.net/zmxksv35/

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

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

Now I want once the event is fired from the child component, on my handleEvent method, pass the index and the data from the child component.

But now, if I do something like stated above,I get an error on console stating, property or method dataFromChild is not defined....

解决方案

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/

这篇关于将索引传递给 vuejs 父组件中的子事件侦听器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！