javascript - 动态组件列表上的 @click 事件

Question

当我在 v-for 组件列表上有 @click 事件时，我无法让 Vue 发出或捕获 click 事件。

我有动态组件可以包含一系列其他组件，带有 v-for 循环，如下所示:

<component v-for="(component, index) in components"
        v-bind:is="component"
        v-bind:key="index"
        @click="sayHi()">
</component>

组件数据如下所示:

data() {
    components: ['Foo', 'Bar'];
}

该方法只是同一顶级组件上的 sayHi() {alert('hi') }(该方法不在子组件 Foo 或 Bar 上)。

但是该方法似乎从未被调用过？我尝试了很多不同的方法和实现，但无法触发该方法。

感谢您的帮助!

Answer 1

如果要将 native 事件监听器附加到自定义组件，则需要将 native 修饰符添加到事件监听器。

   @click.native="sayHi()"