微信小程序跳转页面返回原来页面怎么恢复,跳转新页面保留原页面

场景:需要在表单页面选择物流地址,选择后返回页面,并提交表单其它信息。

目前常用的方法有,

  • 1、使用全局数据 app.globalData.mydata = xxx
  • 2、使用 storage 储存

这里不建议使用这两种方法 ,因为 它们都涉及到销毁和管理的缺陷,,

新方法:

推荐使用官方 API:关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages 获取当前的页面栈,决定需要返回几层。

wxml 页面

微信小程序跳转页面返回原来页面怎么恢复,跳转新页面保留原页面

在点击按钮后返回上一个页面 , bindtap 一个 toListLink

js页面

微信小程序跳转页面返回原来页面怎么恢复,跳转新页面保留原页面

重点:

第80行 到 96行: 分别解释一下

一、调用官方getCurrentPages()

var pages = getCurrentPages();
var currPage = pages[pages.length - 1]; //当前页面
var prevPage = pages[pages.length - 2];

二、用setData 把当前页面选好的值 保存起来 ,然后 带到上一个页面

prevPage.setData({
searchType:0,
storesName: thisText,
storesNum: thisIndex
})

注意:下面这3行是 平时跳转页面传值的方法 ,这里不用了 ,用 wx.navigateBack 来返回上一级页面

// wx.redirectTo({
// url: '../recruit/resume?searchType=' + 0 + '&storesName=' + thisText + '&storesNum=' + thisIndex
// });

三、用 wx.navigateBack 方法来返回上一页面

wx.navigateBack({
delta: 1,
})

官方文档例子如下

微信小程序跳转页面返回原来页面怎么恢复,跳转新页面保留原页面

相信大家可以看懂

微信小程序跳转页面返回原来页面怎么恢复,跳转新页面保留原页面

版权声明:【微信小程序跳转页面返回原来页面怎么恢复,跳转新页面保留原页面】版权归原作者所有,本文由作者:【王鹏(python工程师)】用户自发贡献上传,该文观点仅代表作者本人,本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任,如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至举报,一经查实,本站将立刻删除,如若转载,请注明出处:https://www.intostarry.com/jrzy/717.html

(0)
上一篇 2023年11月9日 21:58:53
下一篇 2023年11月9日 22:06:30

相关推荐

发表回复

登录后才能评论