写一个从子组件页面返回父组件页面的方法

在Vue.js中，如果你想要在子组件内部向父组件传递信息并直接导航回父组件，你可以使用`this.$router.push()`或`this.$route.back()`方法，具体取决于你是否使用了路由管理。

如果是在非路由组件间传递并且不需要跳转页面，可以利用Vuex store来保存数据，然后在父组件的计算属性或者方法中监听store的变化并进行相应的操作，例如：

// 子组件
methods: {
  goBackToParent() {
    // 触发事件，比如 emit('goBack')
    this.$emit('goBack');
  }
}

// 父组件
<template>
  <div>
    <child-component @goBack="handleGoBack"></child-component>
  </div>
</template>

<script>
export default {
  methods: {
    handleGoBack() {
      // 如果你想关闭当前页面，可以使用 window.history.back()
      // 或者在需要的时候改变父组件的状态
    }
  }
}
</script>