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

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

微信扫码查看本文