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

2023-12-02

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

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

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

但现在,如果我执行上述操作,我会在控制台上收到错误消息,指出,property or method dataFromChild is not defined....


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

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

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将索引传递给 vuejs 父组件中的子事件监听器 的相关文章

随机推荐