使用挂载全局变量跟踪无序navigate页面的跳转

#使用挂载全局变量跟踪无序navigate页面的跳转
通常我们在使用uni.navigateto()函数时,希望页面能够逐级展开,并能逐级返回。但是有时候我们的页面打开顺序或者说优先级是同级的,这个时候如果一昧的使用navigateto()跳转,势必会使得我们在页面返回的时候造成返回混乱,如果每次跳转都采用关闭页面并打开新页面的方式,又会使得页面频繁与后端交互,增加页面负担。所有我希望能够记录页面的打开路径,在返回的时候能够有序返回。
##在main.js中挂载全局变量 p a g e L i s t , 记 录 页 面 跳 转 的 路 径 在 u n i − a p p 项 目 中 找 到 m a i n . j s 文 件 , 在 其 中 挂 载 全 局 变 量 : V u e . p r o t o t y p e . pageList,记录页面跳转的路径 在uni-app项目中找到main.js文件,在其中挂载全局变量: Vue.prototype. pageList,uniappmain.jsVue.prototype.pageLists = []; 用于记录页面跳转的路径
##每次跳转新页面的时候,将当前页面的参数记录到 p a g e L i s t s 数 组 中 首 先 我 们 需 要 为 每 个 页 面 设 置 一 个 页 面 编 号 : p a g e I n d e x 当 我 们 的 页 面 需 要 跳 转 到 其 他 页 面 的 时 候 , 首 先 判 断 即 将 跳 转 的 页 面 参 数 是 否 在 我 们 的 pageLists数组中 首先我们需要为每个页面设置一个页面编号:pageIndex 当我们的页面需要跳转到其他页面的时候,首先判断即将跳转的页面参数是否在我们的 pageLists:pageIndexpageLists历史页面记录中,如果在,则调用您。navigateBack()方法返回。如果不存在,则说明需要跳转的页面为新页面。则将当前页面的参数传入$pageLists中,并使用navigateto()跳转到新页面。

goTab:function(e){
				var pageIndex = this.pageIndex;
				var goPageNum = e;
				var delaNum = -1;
				var pageNum = this.$pageLists.length;
				if(pageIndex!=goPageNum){
					for (let i = 0; i<pageNum;i++){
						console.log('历史页面'+this.$pageLists[i]);
						if(goPageNum==this.$pageLists[i]){
							delaNum = pageNum-i;
						}
						if(delaNum>=0){
							this.$pageLists.pop();//掉用back返回后需要将页面历史路径更新,要和页面堆栈同步
						}
					}
					if(delaNum>=0){
						console.log('调用back')
						uni.navigateBack({
							delta:delaNum
						});
					}
					else {
						console.log('调用to')
					this.goTabUrl(goPageNum);
					}	
				}
			},
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

mingyong.g

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值