vue3子组件传递方法给父组件

在Vue 3中，子组件可以通过使用emits来传递方法给父组件。首先，在子组件中定义一个emit，用于触发传递方法的事件。然后，在子组件中调用该emit来触发事件，并传递相应的参数。最后，在父组件中通过v-on指令监听子组件触发的事件，并定义一个回调函数来接收传递的方法。这样就可以实现子组件传递方法给父组件了。

例如，子组件中定义一个名为"sendMethod"的emit：

emits: ["sendMethod"],
methods: {
  sendData() {
    // 子组件中的方法
    this.$emit("sendMethod", "Hello from child component");
  }
}

在父组件中，使用v-on指令监听子组件触发的"sendMethod"事件，并定义一个回调函数来接收传递的方法：

<child-component @sendMethod="handleMethod"></child-component>

methods: {
  handleMethod(data) {
    // 父组件中接收子组件传递的方法
    console.log(data); // 输出：Hello from child component
  }
}

这样，子组件就成功地将方法传递给了父组件。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [Vue3中子组件向父组件传值的方法](https://blog.csdn.net/zheyiw/article/details/128857268)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [vue3 子组件向父组件传递参数](https://blog.csdn.net/weixin_45941959/article/details/124639674)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [vue3的组件传递之子传父（项目实操）](https://blog.csdn.net/qq_42980244/article/details/125081009)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]