【微信小程序】实现点击按钮a页面跳转b页面，并更新b页面

原创已于 2022-11-16 20:48:48 修改 · 845 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序

于 2022-11-16 20:47:39 首次发布

本文介绍了在小程序中如何通过`bindSave`事件处理函数实现页面间的交互。在a页面，用户点击提交按钮触发`bindSave`，创建并设置新的数据数组 `_data`。接着获取当前页面栈，找到上一页面`prevPage`，使用`setData`更新其数据为 `_data`。最后，通过`wx.navigateBack`返回上一级b页面，显示传递过来的数据。此过程展示了小程序中前后页面数据同步及导航的基本操作。

a页面：

b页面：

</view>

---------------

bindSave:function(){
   const _this = this; //此处将this的值附到_this中，防止与其他的this值发生冲突
   let _data = []; // TODO 当前页面最新数据
   let pages = getCurrentPages(); // 获取当前界面的所有信息
   let prevPage = pages[pages.length-2];
   prevPage.setData({ //将要传递的值直接在此处setData,上一个页面就会执行这里的操作
   data:_data
   })
   wx.navigateBack({
   detal:1, //返回上一级页面
   })
},