vue3 中子组件调用父组件的请求，父组件请求成功了子组件才能继续后面的操作

在Vue 3中，子组件可以通过自定义事件将请求的结果传递给父组件。以下是一种实现方式：

1. 在父组件中定义一个方法，用于处理请求成功后的操作。将该方法通过props传递给子组件。
2. 在子组件中，通过$emit触发一个自定义事件，并将请求成功的结果作为参数传递给该事件。
3. 父组件监听子组件触发的自定义事件，并在事件回调函数中调用之前定义的方法来处理请求成功后的操作。

下面是一个示例：
父组件模板：

<template>
  <div>
    <child-component @request-success="handleSuccess"></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  methods: {
    handleSuccess(result) {
      // 处理请求成功后的操作
      console.log(result);
    }
  }
}
</script>

子组件模板：

<template>
  <div>
    <!-- 子组件中的某个操作触发了请求 -->
    <button @click="makeRequest">发起请求</button>
  </div>
</template>

<script>
export default {
  methods: {
    makeRequest() {
      // 发起请求，假设使用Axios发送异步请求
      axios.get('https://example.com/api')
        .then(response => {
          // 请求成功后触发自定义事件，并将结果作为参数传递给父组件
          this.$emit('request-success', response.data);
        })
        .catch(error => {
          // 处理请求失败的情况
        });
    }
  }
}
</script>