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

Question

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

Answer 1

您应该使用 this.$emit('myEvent')在您的子组件内部，当您想触发父组件中的方法时。
然后在父组件的模板中找到您的子组件，并在其上添加一个事件捕获器，如下所示:

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

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

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

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