vue3 子组件调父组件方法

Vue3中，子组件调用父组件的方法有多种方式。其中一种方式是使用props来传递一个父组件中的方法给子组件，然后在子组件中通过点击事件或其他触发方式调用该方法。

方法1 - 异步方式：
在父组件中定义一个供子组件调用的方法：

@updata:xx=xx

在子组件中，在setup函数中使用emit方法调用父组件的方法：

context.emit('update:xx', [实参]);

注意：在这种方式中，.sync是不可用的。

方法2 - props方式：
在父组件中传递一个函数类型的props给子组件：

<my-child :xx="xx"></my-child>

子组件中定义props并接收该方法：

props: {
  xx: {
    type: Function,
    required: true
  }
},

在子组件中可以使用该props来调用父组件的方法：

const Fnxx = ():void => {
  props.xx()
}

综上所述，以上是Vue3中子组件调用父组件方法的两种常见方式。可以根据具体情况选择适合的方式来实现子组件调用父组件的方法。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>