uniapp中的页面跳转及传参

最新推荐文章于 2025-09-11 11:49:32 发布

原创

最新推荐文章于 2025-09-11 11:49:32 发布 · 1.6k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#uniapp

本文详细介绍了在小程序开发中常用的五种页面跳转方法，包括uni.navigateTo、uni.redirectTo、uni.reLaunch、uni.switchTab及uni.navigateBack的具体用法与应用场景。此外还提供了使用@tap事件和navigator标签进行跳转的示例代码。

一 @tap事件跳转

在想要跳转的位置添加事件@click=“方法名”

methods: {
   
   
			jump()
			{
   
   
				uni.navigateTo({
   
   
					url:"../my/my"
				})
			}
		}

五种跳转方法：

uni.navigateTo 保留当前页面，跳转到应用内的某个页面 //一般用于需要返回
uni.redirectTo 关闭当前页面，跳转到应用内的某个页面。
uni.reLaunch 关闭所有页面，打开到应用内的某个页面。
uni.switchTab 跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。
uni.navigateBack 关闭当前页面，返回上一页面或多级页面。