uniapp中使用 uni.navigateBack() 返回上级页面并传参,vue3

`uni.navigateBack()` 是 UniApp 提供的一个用于返回上一页面的方法，可以在 Vue3 编写的 UniApp 应用中使用。当你想要在跳转回上一页面的同时传递参数给该页面，可以通过修改页面路由的 `query` 对象来实现。

以下是使用 `uni.navigateBack()` 方法返回上一级页面并传递参数的步骤：

1. 在当前页面，调用 `uni.navigateBack()` 方法并传入一个选项对象，该对象包含 `delta` 和 `success` 属性。其中 `delta` 表示返回的页面数，默认值为 1，即返回上一级页面。`success` 是一个回调函数，在返回成功后执行，可以用来执行一些返回后的操作。
2. 在 `success` 回调函数中，你可以设置需要传递的参数。这些参数会被添加到路由的 `query` 中。然后，你需要在目标页面（上一级页面）中监听路由变化来获取这些参数。

示例代码如下：

uni.navigateBack({
  delta: 1,
  success: () => {
    // 返回成功后的操作
    // 这里可以设置传递给上一级页面的参数
    const params = {
      key1: 'value1',
      key2: 'value2'
    };
    // 假设是在 Vue3 组件中，可以通过修改组件的 data 属性或触发事件来通知上一级页面参数的变化
    this.$emit('updateParams', params);
  }
});

在上一级页面中，你需要监听路由变化来接收参数：

export default {
  data() {
    return {
      routeParams: {}
    };
  },
  watch: {
    '$route'(to) {
      this.routeParams = to.query;
    }
  }
};

这样，当返回上一级页面时，通过 `uni.navigateBack()` 方法设置的参数就会作为查询参数传递给上一级页面，并可以在该页面中通过监听路由变化获取这些参数。