vue slot 调用 父元素的方法

Vue中的slot是一种非常有用的特性，它允许我们在父组件中定义一个区域，在子组件中填充内容。然而，在使用slot时，有时候可能需要在子组件中调用父组件的方法，这时可以使用$emit来实现。

在父组件中，定义一个方法用于接收子组件的调用：

methods: {
  parentMethod() {
    alert("调用了父组件的方法");
  }
}

然后，在父组件中的slot里面，使用$emit来触发父组件的方法：

<template>
  <div>
    <child-component @childMethod="parentMethod"></child-component>
  </div>
</template>

在子组件中，定义一个方法来触发父组件的方法：

methods: {
  childMethod() {
    this.$emit("childMethod");
  }
}

这样，当子组件中调用childMethod方法的时候，就会触发父组件中定义的parentMethod方法，从而实现了在slot中调用父组件的方法。

需要注意的是，在使用$emit时，事件名称应该与父组件定义的方法名称一致，才能正确触发父组件的方法。另外，$emit可以传递一些参数，这些参数也可以在父组件的方法中使用。