uni-app 子页面传值给父页面 并且关闭子页面

在uni-app中，子页面想要向父页面传递信息并关闭自身，可以使用web-view组件的`postMessage`方法来实现跨页面通信。这里有一个示例：

**子页面（子组件）操作：**

// 假设子页面有个按钮触发事件
button@click="sendDataAndClose"
methods: {
  sendDataAndClose() {
    // 使用uni.app的方法发送消息
    uni.webView.postMessage({
      data: { key: 'value' }, // 这里替换为你实际要传递的数据
      target: '__parent__', // 指定消息接收者，这里是父页面
    });
    // 关闭当前页面
    this.$router.navigateBack(); // 如果是在路由导航的场景下
    // 或者直接调用父组件的销毁方法，如：this.$parent.destroy();
  }
}

**父页面（父组件）监听子页面的消息：**

<template>
  <view>
    <web-view ref="webView" @message="handleMessage"></web-view>
  </view>
</template>

<script>
export default {
  methods: {
    handleMessage(event) {
      if (event.detail.data && event.detail.data.key === 'value') {
        console.log('从子页面接收到数据:', event.detail.data);
        // 根据需求处理接收到的数据
      }
    },
  },
};
</script>

当你点击子页面的按钮时，会向父页面发送消息，并在父页面的`handleMessage`方法中处理这些信息。之后，子页面会被关闭。