vue组件插槽怎么调用组件的方法

要在Vue组件插槽中调用组件方法，可以通过在插槽中使用Vue的$refs方法来访问组件实例并调用相应的方法。

首先，在组件中给需要调用的方法添加一个ref属性，例如：

<template>
  <div>
    <button @click="myMethod">Click me</button>
  </div>
</template>
<script>
export default {
  methods: {
    myMethod() {
      console.log("Hello from myMethod!");
    }
  }
}
</script>

然后，在父组件中使用插槽来引入子组件，并在插槽内部使用$refs来访问子组件实例并调用方法，例如：

<template>
  <div>
    <my-component ref="myComponentRef" />
    <button @click="callComponentMethod">Call component method</button>
  </div>
</template>
<script>
export default {
  methods: {
    callComponentMethod() {
      this.$refs.myComponentRef.myMethod();
    }
  }
}
</script>

在这个例子中，我们在父组件中添加了一个按钮，当按钮被点击时，会调用callComponentMethod方法。这个方法会使用$refs来获取子组件实例并调用myMethod方法。注意，在使用$refs方法时，需要先在子组件上添加ref属性来创建一个引用。