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  //返回两层页面
});
相关推荐
@Dream_Chaser5 分钟前
uniapp ruoyi-app 中使用checkbox 无法选中问题
前端·javascript·uni-app
鱼是一只鱼啊7 分钟前
uniapp移动端地图提示鉴权失败请传入正确的key问题处理
uni-app
毛毛三由9 分钟前
基于svga+uniapp的微信小程序动画组件开发指南
微信小程序·uni-app·notepad++
雪碧聊技术2 小时前
uniapp简介
uni-app·hbuilder
一只一只妖2 小时前
uniapp小程序无感刷新token
前端·小程序·uni-app
y东施效颦6 小时前
uni-app uni-push 2.0推送图标不展示问题
uni-app·github
初晨未凉6 小时前
uniapp返回webview返回小程序并且跳转回webview
小程序·uni-app
扶我起来还能学_6 小时前
uniapp Android&iOS 定位权限检查
android·javascript·ios·前端框架·uni-app
儿歌八万首12 小时前
从卡顿到丝滑:uni-app房产App性能优化实践
性能优化·uni-app
iOS阿玮12 小时前
哪些产品符合免备案的骚操?看看你的产品符合吗?
uni-app·app·apple