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出来的参数了,根据自己习惯吧,展示在页面上也是个好办法。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)