子组件调用父组件方法并传对象值

在Vue中，子组件可以通过两种方式调用父组件的方法并传递对象值。

方法一：子组件通过`this.$emit`来触发父组件的函数。在子组件的方法中使用`this.$emit("父组件传递过来的函数", 对象值)`来触发父组件的函数，并传递对象值作为参数。例如，在子组件的模板中：

<template>
  <div>
    <button @click="childFun">子组件按钮</button>
  </div>
</template>

在子组件的脚本中：

export default {
  name: "child",
  methods: {
    childFun() {
      this.$emit("fatherMethod",
#### 引用[.reference_title]
-  *1* *2* [Vue子组件怎么调用父组件的方法 Vue子组件调用父组件函数的三种方法](https://blog.csdn.net/qq_45466204/article/details/126232074)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
-  *3* [vue3.0 子组件调用父组件中的方法](https://blog.csdn.net/bhq1711617151/article/details/119279151)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]