【代码】uni-app的几种跳转方式

2021-03-03 09:57:20  阅读 157 次 评论 0 条

1.uni.navigateTo(Object)

保留当前页,开启新的页面跳转

这个有个限制(部分小程序对页面栈数量有限制,比如微信小程序是5个,超出后就无法开启新页面了)

示例代码

uni.navigateTo({
			"url":"/pages/main/search",
			fail:(e)=>{
				console.log(e);
			}
})

2.uni.redirectTo(Object);

销毁当前页,开启新的页面(之前navigateTo的页面不会被销毁)

这个也可以实现ABC页面,在C页面直接返回A页面

示例代码

uni.redirectTo({
					
		"url":"/pages/main/main"
					
})

3.uni.reLaunch(Object);

销毁之前所有页面,打开新的页面

示例代码

uni.reLaunch({
	"url":"/pages/user/userlist"
});

3.uni.switchTab(Object);

关闭其他非tabBar页面(就是在pages.json没配置进tabbar的,不在tabbar数组的),开启新页面

示例代码:

uni.switchTab({
	"url":"/pages/user/userlist"
});

3.uni.switchTab(Object);

关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层。

有关传参信息,请转到这里https://www.yangguangdream.com/?id=2076

示例代码

// 此处是A页面
uni.navigateTo({
    url: 'B?id=1'
});

// 此处是B页面
uni.navigateTo({
    url: 'C?id=1'
});

// 在C页面内 navigateBack
uni.navigateBack({
    delta: 2//将返回A页面
});
// 在C页面内 navigateBack
uni.navigateBack({
    delta: 1//将返回B页面
});


官方文档:https://uniapp.dcloud.io/api/router


微信扫码查看本文
本文地址:https://www.yangguangdream.com/?id=2127
版权声明:本文为原创文章,版权归 编辑君 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

还没有留言,还不快点抢沙发?