当前位置:首页 > 新闻动态 > 网站文章

微信小程序 表单 跳转新页面 返回页面保留原页面已填写的值

来源: 浏览:123 时间:2023-08-08

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

目前常用的方法有,

  • 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,
})

官方文档例子如下

相信大家可以看懂

地址 · ADDRESS

地址:建邺区新城科技园嘉陵江东街18号2层

邮箱:309474043@qq.Com

点击查看更多案例

联系 · CALL TEL

400-8793-956

售后专线:025-65016872

业务QQ:309474043    售后QQ:1850555641

©南京安优网络科技有限公司 版权所有   苏ICP备12071769号-4  网站地图