wx.navigateBack()返回传参的解决办法

最新推荐文章于 2025-01-24 11:20:48 发布

素质白嫖怪

最新推荐文章于 2025-01-24 11:20:48 发布

阅读量584

点赞数 4

文章标签：前端 javascript 开发语言

本文链接：https://blog.youkuaiyun.com/Working_hard_111/article/details/136870733

版权

本文介绍如何在微信小程序中，通过B页面的`save`函数修改上一页面A的数据（如`basePosition`），利用`setData`和`wx.navigateBack`实现从B页面将数据带回A页面

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在工作中有时候会遇到A页面需要用到B页面里的值，在官方文档中wx.navigateBack并没有携参返回的属性，此文介绍一个能在A页面用到B页面里的数据的方法

A页面需要准备一个变量来接受B页面的值

Page({
  data: {
    basePosition: '',    //以字符串为示例
  }
})

B页面触发save函数来执行

save() {
    const positonInfo = '108.103,30.123'            //假设该值是需要传递的值
    const pages = getCurrentPages();                //获取当前页面
    const prevPage = pages[pages.length - 2];       //上一页面

    prevPage.setData({                              //修改上一页面的某项值
      basePosition: positonInfo
    })
    wx.navigateBack()                               //默认返回上一页面
  },

B页面通过获取上一页面A的实例，进行修改A页面里的data数据中的basePosition的属性值，并且返回上一级，从而实现将B页面的数据带入进了A页面