从子组件调用父方法 (Vue.js)

Question

我正在做一个项目，我需要从子组件调用父方法。这在 Vue.js 中如何实现？

原文由 Ruhith Udakara 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

当您想触发父组件中的方法时，您应该在子组件内部使用 this.$emit('myEvent') 。

然后在父组件的模板中找到您的子组件，并在其上添加一个事件捕获器，如下所示：

 <template>
  <your-child-component @myEvent="myMethod"/>
</template>

如果你想向你的方法添加参数，你可以像这样向你的发射添加第二个参数：

 this.$emit("myEvent", "My parameter")

为此，只要您调用的方法具有参数，您就不必更改事件“捕手”中的任何内容。

原文由 Thomas Bay 发布，翻译遵循 CC BY-SA 4.0 许可协议