微信小程序页面返回传递参数

微信小程序页面返回传递参数,第1张

let userInfo = {...}     //需要传递的参数,这里用对象举例。

let pages = getCurrentPages()    //返回pages的所有信息;数组格式

let prevPage = pages[ pages.length - 2 ]     //返回上一个页面的所有信息  上一级为-2

prevPage.setData({

user:userInfo      //user为上个页面需要修改的数据,如data里面的数据胡毕,数据格式要对应。

})

wx.navigateBack({

delta:1      // 返回上一级页面行做罩档闹。

})

在uniapp开发过程中经常会遇到这种情况:

列表页面A点击item进入详情页B,详情页B进行 *** 作后返回A列表页并从A列表移除刚才 *** 作的item,或者修改item的值,又或者返回之后直接刷新。

由于uniapp的uni.navigateBack没有提供带参的返回方法,所以我们只能另辟蹊径。

这里我要实现的场景是A列表点击item跳转B页面,B页面提交表单缓启后,点击完成按钮,返回A列表页,并刷新当前列表组件(refs="apply")

我们注意到uniapp中可以通过getCurrentPages()获取页面栈。

我们先在A页面data中定义:

并在onShow中获取当前页面对象currPage:

将页面对象遍历出来肆陆可以看到currPage中有一个属性 vm.(data中的值)可以取到当前页面data中的值,所以onShow中:

接着在详情页面B中点击完成按钮获取上个页面对象prevPage:

修改上个页面的值并返回上个页面:

此处修改的值在A页面的onShow中即可获取到,根据onShow中取到的值再进行判断是否需要刷新列表组件。

需要注意的是:

1、当A页面为tabBar页面时,从B页面使用uni.navigateBack返回裂哪顷A页面时,不会触发onShow生命周期(不知道是框架bug还是有意设置区别),建议使用:

即可正常触发onShow

2、通过$vm修改data值在app-plus中可以使用,在微信小程序中需要使用

的方法进行赋值

wx.navigateToMiniProgram

从小A序跳转到小B序

首先介绍一下需要用到的api  :wx.navigateToMiniProgram 

他的参数们

参数名        是否芹握告必填        类型        说明

appId            是                 string        要打开的小程序 appId

path              是                 string        目标小程序的指定页面,为空的话跳首页

extraData     否                 object        需要带给目标小程序的参数

envVersion   否                 string        目标小程序的版本  (基本没啥用)

success       否                 function     成功回调

fail               否                嫌明 function     失败回调

complete     否                 function     结束回调

在起步小程序中的app.json中需要配置跳转小程序的appid

目标小程序 可以在app.js中接收起步小程序带过来的参数,官方文档给的是app.onLaunch和app.onshow都能接到参数,但是我的onLaunch不能打印出来,可能我的小皮樱程序是个傻的小程序。( 注意千万是在app.js中,而不是目标页面的js文件 ,我就吃了这个亏)

小A序(表演跳转)

小B序(表演接收参数)

关于调试,开发者工具是不能跳转的,不过我们可以真机调试,两个小程序都开始真机调试,在小程序右上角的三个小点点有个打开调试,就能看到log出来的参数了,根据自己习惯吧,展示在页面上也是个好办法。


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

原文地址: http://outofmemory.cn/yw/12398550.html

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

发表评论

登录后才能评论

评论列表(0条)

保存