vue2调用子组件方法

在 Vue 2 中，要调用子组件的方法，你可以使用 `ref` 来引用子组件，并通过该引用来访问子组件的方法。下面是一个简单的示例：

首先，在父组件中给子组件添加一个 `ref` 属性：

<template>
  <div>
    <child-component ref="child"></child-component>
    <button @click="callChildMethod">调用子组件方法</button>
  </div>
</template>

然后，在父组件的 `<script>` 部分，通过 `this.$refs` 来访问子组件的方法：

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

export default {
  components: {
    ChildComponent
  },
  methods: {
    callChildMethod() {
      this.$refs.child.childMethod();
    }
  }
}
</script>

在上面的代码中，`ChildComponent` 是你的子组件的文件名，在 `components` 属性中注册该组件。`callChildMethod` 方法中，通过 `this.$refs.child` 来引用子组件，并调用 `childMethod()` 方法。

请确保子组件中定义了名为 `childMethod` 的方法。这样当点击按钮时，就会调用子组件的 `childMethod()` 方法。

希望这可以帮助到你！如果你有任何其他问题，请随时问我。