uniapp返回上一页带参数并接收

UniApp框架中，如果你想要从当前页面返回上一页，并传递参数，你可以使用`uni.navigateBack`方法结合数据对象来实现。这个方法通常会在页面间的跳转中使用，例如从详情页返回列表页时需要带着之前选择的数据。

下面是一个简单的示例：

// 当用户点击某个操作，比如“返回”按钮
onButtonTap: function() {
    let param = { id: this.idOfSelectedItem, name: this.itemName }; // 这里的param是你需要传递的参数
    uni.navigateBack({
        delta: 1, // 回退一级页面
        query: param, // 将参数作为query传给上一页面
    });
}

// 在接收参数的页面
onLoad: function(options) {
    if (options.query) {
        const params = options.query; // 接收上一页面传递过来的参数
        console.log('接收到的参数:', params);
        // 使用这些参数做相应处理...
    }
}

相关问题

uniapp返回上一页面传递参数

在Uniapp中，返回上一页面并传递参数可以通过以下步骤实现：

1. 在当前页面通过uni.navigateBack()方法返回上一页面。该方法用于关闭当前页面并返回上一页面。
2. 在当前页面中可以通过uni.getOpenerEventChannel()方法获取上一页面传递的参数。该方法返回一个EventChannel对象，可以用于接收上一页面传递的参数。
3. 在上一页面中，需要通过uni.navigateTo()方法或者uni.redirectTo()方法打开当前页面，并在参数中传递需要传递的数据。

下面是一个示例代码，演示了如何在Uniapp中返回上一页面并传递参数：

// 当前页面
export default {
  methods: {
    goBackWithData() {
      const eventChannel = this.$uni.getOpenerEventChannel()
      eventChannel.emit('eventName', { data: '传递的参数' })
      uni.navigateBack()
    }
  }
}

// 上一页面
export default {
  mounted() {
    const eventChannel = this.$uni.getOpenerEventChannel()
    eventChannel.on('eventName', (data) => {
      console.log(data) // 输出传递的参数
    })
  }
}

在上述示例中，我们在当前页面的`goBackWithData`方法中通过`eventChannel.emit()`方法传递参数，并通过`uni.navigateBack()`方法返回上一页面。在上一页面的`mounted`生命周期钩子中通过`eventChannel.on()`方法监听事件，并获取传递的参数。

希望这个示例对你有所帮助。<span class="em">1</span>
#### 引用[.reference_title]
- *1* [Uniapp示例:返回并刷新上一页](https://download.csdn.net/download/qq_31646657/13657180)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]

uniapp 返回上一页传参

在uni-app中，可以通过uni.navigateBack()方法返回上一页，并且可以通过options参数传递数据。

例如，在上一页中跳转到当前页面时传递了参数data，可以如下返回上一页并传递参数：

// 返回上一页并传递参数
uni.navigateBack({
  delta: 1,
  success() {
    uni.getPreviousPage().$vm.setData({
      data: '传递的参数'
    })
  }
})

其中，delta表示返回的页面数，1表示返回上一页。通过uni.getPreviousPage()获取到上一页的实例，然后通过setData()方法设置数据即可。在上一页中可以通过onLoad()方法接收传递的参数。

注意，如果上一页是通过redirectTo()方法跳转到当前页面的，则无法通过getPreviousPage()方法获取上一页的实例。此时可以通过uni.navigateBack()方法的success回调函数中获取到返回成功的信息，然后通过传递的参数设置上一页的数据。例如：

// redirectTo跳转到当前页面
uni.redirectTo({
  url: '/pages/index/index?data=传递的参数'
})

// 返回上一页并传递参数
uni.navigateBack({
  delta: 1,
  success(res) {
    let pages = getCurrentPages()
    let prevPage = pages[pages.length - 2]
    prevPage.setData({
      data: res.options.data
    })
  }
})