uniapp路由跳转的方式

1. uniapp路由跳转的方式

1.1. uni.navigateTo保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。

javascript 复制代码
uni.navigateTo({
	url:'./index/index'
});

注意:

(1)页面跳转路径有层级限制,不能无限制跳转新页面

(2)跳转到 tabBar 页面只能使用 switchTab 跳转

1.2. uni.redirectTo关闭当前页面,跳转到应用内的某个页面。

javascript 复制代码
uni.redirectTo({
	url: './index/index'
});

1.3. uni.reLaunch关闭所有页面,打开到应用内的某个页面。

javascript 复制代码
uni.reLaunch({
	url: './index/index'
});

1.4. uni.switchTab跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。

javascript 复制代码
uni.switchTab({
	url: '/pages/index/index'
});

注意:

需要跳转的 tabBar 页面的路径(在pages.json文件中配置的tabBar页面),路径后不能带参数,可以用uni.reLaunch代替

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

javascript 复制代码
uni.navigateBack({
	delta: 2  //返回两层页面
});
相关推荐
RuoyiOffice5 小时前
企业请假销假系统设计实战:一张表、一套流程、两段生命周期——BPM节点驱动的表单变形术
java·spring·uni-app·vue·产品运营·ruoyi·anti-design-vue
KongHen026 小时前
uniapp-x实现自定义tabbar
前端·javascript·uni-app·unix
RuoyiOffice10 小时前
SpringBoot+Vue3+Uniapp实现PC+APP双端考勤打卡设计:GPS围栏/内网双模打卡、节假日方案、定时预生成——附数据结构和核心源码讲解
java·spring·小程序·uni-app·vue·产品运营·ruoyi
2501_9159214312 小时前
2026 iOS 上架新趋势 iOS 发布流程模块化
android·ios·小程序·https·uni-app·iphone·webview
窝子面1 天前
uni-app的初体验
uni-app
笨笨狗吞噬者1 天前
【uniapp】微信小程序实现自定义 tabBar
前端·微信小程序·uni-app
雪芽蓝域zzs1 天前
uniapp MD5加密 加密传输 密码加密
uni-app
2501_915909061 天前
iOS 抓包不越狱,代理抓包 和 数据线直连抓包两种实现方式
android·ios·小程序·https·uni-app·iphone·webview
给钱,谢谢!1 天前
记录uni-app Vue3 慎用 Teleport,会导致页面栈混乱
前端·vue.js·uni-app
郑州光合科技余经理2 天前
海外O2O系统源码剖析:多语言、多货币架构设计与二次开发实践
java·开发语言·前端·小程序·系统架构·uni-app·php