vue2父组件通过ref调用子组件的接口方法获取到子组件的值

在 Vue 2 中，可以通过使用 `ref` 来获取子组件的实例，并调用其方法来获取子组件的值。以下是一个示例：

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

<template>
  <div>
    <child-component ref="childRef"></child-component>
    <button @click="getChildValue">获取子组件的值</button>
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  methods: {
    getChildValue() {
      const childComponent = this.$refs.childRef;
      const value = childComponent.getChildValue();
      console.log(value);
    }
  }
};
</script>

在子组件中，需要定义一个方法供父组件调用并返回子组件的值：

<template>
  <div>
    <!-- 子组件的内容 -->
  </div>
</template>

<script>
export default {
  methods: {
    getChildValue() {
      // 返回子组件的值
      return '子组件的值';
    }
  }
};
</script>

通过调用 `this.$refs.childRef`，你可以获取到子组件的实例，并且调用 `getChildValue` 方法来获取子组件的值。在上述示例中，点击按钮时会将子组件的值打印到控制台上。

希望以上信息对你有所帮助！如果你有更多问题，请随时提问。