微信小程序点击按钮返回上级页面并携带数据 (适用于从不同的页面进入该页面,该页面点击时返回上级页面)

最新推荐文章于 2024-06-11 08:50:43 发布

梅米儿

最新推荐文章于 2024-06-11 08:50:43 发布

阅读量1.9k

点赞数 1

CC 4.0 BY-SA版权

文章标签：微信小程序设置上级页面的数据返回上级页面

本文链接：https://blog.youkuaiyun.com/weixin_41625322/article/details/82587779

本文介绍了一个简单的微信小程序中页面间数据传递的方法。通过在子页面使用bindtap绑定点击事件，并在事件处理函数中利用getCurrentPages获取页面栈，将数据从子页面传回父页面。

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

1.上级页面

data: {
    itemPage:'',
  },
Collect: function () {
    wx.navigateTo({
      url: '../Address_list/Address_list'
    })  //跳到子页面
  },

2.子页面:

wxml:

<view bindtap='to_confirm' data-text='{{item}}'></view>

js:

to_confirm:function(e){
    let itemPage = e.currentTarget.dataset.text  //获取页面数据信息
    var pages = getCurrentPages(); 
    var currPage = pages[pages.length - 1];   //当前页面
    var prevPage = pages[pages.length - 2];  //上一个页面
    prevPage.setData({
      itemPage: itemPage,
    })        //给上级页面的变量赋值
      wx.navigateBack()  //返回上级页面
  },