微信小程序点击跳转新页面并携带参数返回上一级页面

最新推荐文章于 2025-04-24 15:19:52 发布

maomaomao哇

最新推荐文章于 2025-04-24 15:19:52 发布

阅读量1k

点赞数

分类专栏：微信小程序文章标签：微信小程序小程序

本文链接：https://blog.youkuaiyun.com/weixin_65490785/article/details/128082746

版权

微信小程序专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了在微信小程序中，如何通过`wx.navigateTo`从a页面跳转到b页面，并在b页面选择地址后，利用`wx.navigateBack`将选中的地址信息传回a页面的方法。涉及到的关键步骤包括在b页面设置选中地址后的数据，使用`getCurrentPages`获取上一页面引用，以及在a页面的`onShow`生命周期中接收数据。

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

a页面

/**
   * 页面的初始数据
   */
  data: {
    params: null, //选中地址返回参数
    paramsid: null, //地址id
  }, 

city: function(e){
    wx.navigateTo({
     url: '/pages/select_address/select_address'
    })
    
  },

 /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    console.log("选中地址返回的数据地址",this.data.params); //查看上一页面返回的数据
    console.log("选中地址返回的数据id",this.data.paramsid);
    var that = this;
    var params = this.data.params;
    var paramsid = this.data.paramsid;
    that.paramsid = paramsid;
    that.params = params;

  },

b页面

//选中当前地址返回参数
  adressdiz:function(e){
    console.log("选中当前地址返回参数",e);
    var pages = getCurrentPages();   //当前页面
    var prevPage = pages[pages.length - 2];   //上个页面
    // 赋值给上一个页面赋值
    prevPage.setData({
      params: e.currentTarget.dataset.dizhi,
      paramsid: e.currentTarget.dataset.id
    });

    wx.navigateBack({
      delta: 1
    })

  },