子组件函数完成时Vue调用父组件函数

在Vue中，子组件可以通过事件的方式与父组件进行通信。当子组件中的函数完成时，可以通过触发一个自定义事件来调用父组件中的函数。

具体步骤如下：

在子组件中定义一个方法，用于完成特定的任务。例如，子组件中的函数可以是一个点击事件处理函数。

methods: {
  handleClick() {
    // 子组件完成的任务
    // ...
    // 触发自定义事件，将完成的结果传递给父组件
    this.$emit('child-complete', result);
  }
}

在父组件中，使用子组件时，可以通过监听子组件触发的自定义事件来调用父组件中的函数。

<template>
  <div>
    <child-component @child-complete="handleChildComplete"></child-component>
  </div>
</template>

<script>
export default {
  methods: {
    handleChildComplete(result) {
      // 父组件接收到子组件完成的结果
      // ...
      // 执行相应的操作
    }
  }
}
</script>

在这个过程中，子组件通过this.$emit方法触发了一个自定义事件child-complete，并将完成的结果result作为参数传递给父组件。父组件通过在子组件上使用@child-complete监听了这个自定义事件，并在handleChildComplete方法中接收到了子组件传递的结果。

这种方式可以实现子组件与父组件之间的通信，使得父组件能够在子组件完成特定任务后执行相应的操作。

推荐的腾讯云相关产品：腾讯云云开发（Tencent Cloud CloudBase），它是一款云原生的全托管后端云服务，提供了前后端一体化的开发框架和工具，可以帮助开发者快速构建和部署云端应用。腾讯云云开发支持Vue框架，可以轻松实现子组件与父组件之间的通信。

产品介绍链接地址：腾讯云云开发