vue3子调用父组件方法并返回值

在 Vue 3 中，子组件可以通过`$emit`方法调用父组件的方法，并且可以获取到返回值。下面是一个示例：

在父组件中，定义一个方法：

<script>
export default {
  methods: {
    parentMethod() {
      // 执行一些逻辑
      return '返回值';
    }
  }
}
</script>

在子组件中，通过`$emit`方法调用父组件的方法并获取返回值：

<script>
export default {
  methods: {
    childMethod() {
      const returnValue = this.$emit('parent-method');
      console.log(returnValue); // 输出父组件方法的返回值
    }
  }
}
</script>

在子组件中，通过`this.$emit('parent-method')`触发`parentMethod`方法，并且将返回值赋值给`returnValue`变量。然后你可以在控制台中打印出该返回值或者在子组件中进行其他操作。

注意：父组件需要监听子组件触发的事件。在父组件中，可以通过`@parent-method`或者`v-on:parent-method`监听子组件的触发事件。例如：

<template>
  <div>
    <ChildComponent @parent-method="handleChildMethod"></ChildComponent>
  </div>
</template>

<script>
export default {
  methods: {
    handleChildMethod(returnValue) {
      console.log(returnValue); // 输出父组件方法的返回值
    }
  }
}
</script>

在父组件中，通过`handleChildMethod`方法接收子组件触发的事件，并获取到返回值。