vue.js - 将索引传递给 vuejs 父组件中的子事件监听器

Question

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

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

现在我希望一旦子组件触发事件，就在我的 handleEvent 方法上传递子组件的索引和数据。

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

Answer 1

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

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

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