父组件调用子组件中的方法（vue2）不显示子组件内容

在 Vue 2 中，父组件调用子组件中的方法不会直接导致子组件内容的显示。如果你想显示子组件的内容，你需要在父组件中使用子组件，并将子组件的标签放在合适的位置。

下面是一个示例代码，演示如何在父组件中调用子组件的方法并显示子组件的内容：

<!-- 父组件 -->
<template>
  <div>
    <!-- 调用子组件的方法 -->
    <button @click="callChildMethod">调用子组件方法</button>
    
    <!-- 使用子组件 -->
    <ChildComponent ref="childComponent"></ChildComponent>
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  methods: {
    callChildMethod() {
      // 调用子组件方法
      this.$refs.childComponent.childMethod();
    }
  }
}
</script>

<!-- 子组件 ChildComponent.vue -->
<template>
  <div>
    <!-- 子组件内容 -->
    <p>子组件内容</p>
  </div>
</template>

<script>
export default {
  methods: {
    childMethod() {
      // 子组件方法
      console.log('子组件方法被调用');
    }
  }
}
</script>

在上面的示例中，父组件通过 `ref` 属性引用了子组件，并在 `callChildMethod` 方法中调用了子组件的 `childMethod` 方法。你可以根据具体需求修改子组件的内容，并在调用子组件方法后进行相应的显示操作。

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