微信小程序页面返回

微信小程序页面返回,第1张

返回页面同时需要刷新数据

当我们页面跳转到三级页面后,点击左上角的返回按钮,能够直接返回到首页

比如我们现在希望在第四级页面返回首页后刷新,我们需要在 onShow 方法中调用 onLoad() 方法

在 data 里定义属性后,也可以获取到上个页面传过来的值

比如:

从 A 页面到 B 页面带的对象 a = {name: '小明', age: '18'}

从 C 页面到 B 页面带的对象 c = {pname: '小红', page: '17'}

像这样对象内部的字段名称不一样,B页面在拿到该对象后无法解析

在全局中定义变量 e ,在 A 页面中跳转前设置

在全局中定义变量 e ,在 C 页面中跳转前设置

在 B 页面 onLoad() 方法中取值

原文: >

你看,在这个 出发城市 和 目的地城市 这两个搜索框点击了之后都跳转了页面,这也就意味着我们在这个工程项目里要新建两个文件夹。拿 出发城市 为例,原页面名字叫 productListwxml ,点击了出发城市的搜索框之后跳转到出发城市的页面,名字叫 departureCitywxml 。这是两个不同的文件夹的页面,这也意味着有两个js文件,那他们之间怎么传数据呢?我们需要把用户输入的 城市名字 传到前一个页面呀。

这样我们就把数据保存到了上一页的 data 中

departureCityjs 中我们这样写:

returnAddress 这个方法绑定了 confirm 事件,用户点击手机键盘的确定按钮就会跳转回去

这样我们的 productList 页面就拿到了用户的输入值,这个值就储存在 productListjs 的 data 里, thisdatainputValue 这个就是用户的输入值

现在的小程序获取options值的话,最简单的方式,就是使用 onLoad(生命周期函数--监听页面加载) 来获取了

但是有的时候 需要使用 onShow(生命周期函数--监听页面显示) 来获取 options ,这个时候就获取不到options 值

打印options 会显示   undefined

如何在onshow中获取 options值

首先获取小程序的页面栈

什么是小程序的页面栈,了解一下;

举例 :如果一个网页,你一直点击链接 ,就会一直跳转,(前提没有打开新的页面),你每打开一个页面,就会向页面栈中引入一个当前页面,就形成了一个栈结构,可以从当前的页面,一直返回到第一个页面

同理,小程序也是存在栈结构的,小程序的栈解构,是有限制,最大长度只有10,只保存10个,如果超出10个,就会把第一个页面,释放掉;

1 getCurrentPages( ) 获取页面栈

注意

一定要从传递参数的页面跳转过来, 注意

我个人的 :传递参数页面是pages/user/user/  ,点击跳转的是pages/order/order, 

打印结果

打印出来是一个数组, 其中有标记着自己现在哪一个页面的路径"_route_",找到当前的页面路径;  options就在其中   

注意:我个人传递的参数 是tyoe = 1;  传递参数页面是pages/user/user/  ,跳转的是pages/order/order,  所以options是在pages/order/order中的,也就是数组的下标为1的

 2 获取 options 中的参数

这样就获取到传递的参数了

希望帮助到各位小白了

1、设置id的方法标识跳转后传递的参数值;

2、通过使用data - xxxx 的方法来标识要传递的值 微信小程序设置id的方法标识来传值在要跳转的item处,设置一个id并给当前的id赋值上对应的key值,比如一部**的id(后面带着id去下一个页面查询,详细信息)如:

后我们在js的bindtap的响应事件中获取,并传递到下一个界面中;

获取到id传的值

通过ecurrentTargetid;获取设置的id值,并通过设置全局对象的方式来传递数值,

获取全局对象 var app=getApp(); //设置全局的请求访问传递的参数 apprequestDetailid=id;

提示:其实我们也可以在,wxml中查看到我们设置的每一个item的id值

通过使用data - xxxx 的方法标识来传值通过使用data - xxxx 的方法标识来传值,xxxx可以自定义取名 比如data-key等等都可以。

如何获取data-xxxx传递的值

在js的bindtap的响应事件中:

通过数据解析一层层找到数据,var id=etargetdatasetid(根据你的data-id的取名)

微信小程序如何跨页面获取值

依据上面的方式设置要传递的值,页面跳转后,我们就需要在下一个页面拿到传递的数据(这个数据在传递前,就已经被设置成全局变量)

在跳转后的js页面,接收传递过来的数据detailjs

同样通过全局额方式取值出来,(即和appjs中取某个变量的值是一样的)

var movieid=getApp()MovieDetailid;

consolelog(movieid);

到此为止,我们数值传递并接收成功,后面就可以根据我们接收的参数,进行进一步的 *** 作了。

以上就是关于微信小程序页面返回全部的内容,包括:微信小程序页面返回、获取别人微信小程序里面某个页面的路径url、微信小程序--如何在两个页面之间传值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9431929.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存