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  //返回两层页面
});
相关推荐
haoqi好奇4 小时前
uniapp+node+mysql接入deepseek实现流式输出
android·mysql·uni-app
科科是我嗷~4 小时前
【uniapp】textarea maxlength字数计算不准确的问题
javascript·uni-app·html
懒大王95274 小时前
uniapp+Vue3 组件之间的传值方法
前端·javascript·uni-app
Slow菜鸟10 小时前
JavaScript与UniApp、Vue、React的关系
javascript·vue.js·uni-app
苦逼的老王10 小时前
java之uniapp实现门店地图
java·开发语言·uni-app
酷爱码13 小时前
UNIAPP圈子社区纯前端万能源码模板 H5小程序APP多端兼容 酷炫UI
前端·小程序·uni-app
巧克力力克巧!14 小时前
uni-app+vue3学习随笔
vue.js·学习·uni-app
千里码aicood17 小时前
【2025】基于springboot+uniapp的乡村旅游小程序系统统(源码、万字文档、图文修改、调试答疑)农家乐预约
spring boot·uni-app·旅游·乡村旅游
码农研究僧17 小时前
深入浅出Bearer Token:解析工作原理及其在Vue、Uni-app与Java中的实现Demo
java·vue.js·uni-app
上趣工作室17 小时前
在 UniApp 开发的网站中使图片能够缓存,不一直刷新
缓存·uni-app