uniapp 微信小程序 路由跳转

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

javascript 复制代码
//在起始页面跳转到test.vue页面并传递参数
uni.navigateTo({
	url: 'test?id=1&name="lisa"'
});

uni.redirectTo(OBJECT)

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

javascript 复制代码
uni.redirectTo({
	url: 'test?name="lisa"'
});

uni.reLaunch(OBJECT)

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

javascript 复制代码
uni.reLaunch({
	url: 'test?id=1'
});
怎么隐藏左上角按钮

生命周期加入 会隐藏左上角按钮(必须是uni.reLaunch方法)

uni.hideHomeButton();

javascript 复制代码
onLoad() {
    uni.hideHomeButton();	
},

uni.switchTab(OBJECT)

跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面

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

uni.navigateBack(OBJECT)

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

javascript 复制代码
// 注意:调用 navigateTo 跳转时,调用该方法的页面会被加入堆栈,而 redirectTo 方法则不会。见下方示例代码

// 此处是A页面
uni.navigateTo({
	url: 'B?id=1'
});

// 此处是B页面
uni.navigateTo({
	url: 'C?id=1'
});

// 在C页面内 navigateBack,将返回A页面
uni.navigateBack({
	delta: 2
});

uni.preloadPage(OBJECT)

预加载页面,是一种性能优化技术。被预载的页面,在打开时速度更快

javascript 复制代码
uni.preloadPage({url: "/pages/test/test"});

更多请参考官网:uni.navigateTo(OBJECT) | uni-app官网

相关推荐
盟道科技43 分钟前
小程序电商订单超时自动取消的三种实现方案:定时扫描、Redis 过期监听、延迟消息对比与生产落地
数据库·redis·小程序
lhldsg1 小时前
智慧场馆解决方案小程序系统:从架构设计到落地实践
java·小程序·需求分析
凉红茶2 小时前
用Cursor开发微信小程序的第一天
微信小程序·小程序·ai编程
CRMEB系统商城3 小时前
汽车养护连锁的数字化底座CRMEB 多门店系统实战方案
java·开发语言·小程序·开源·汽车
小马过河R3 小时前
微信小程序自定义登录态维护:从入门到生产级落地
后端·微信小程序·小程序·架构·登录态
火眼金睛炼单词4 小时前
零基础高效记忆单词:小程序学习法的完整实操指南
学习·小程序
RisunJan4 小时前
uni-app 高频面试题与解答
uni-app
vx+_bysj68694 小时前
springboot 旅行小程序97353
spring boot·后端·小程序·旅行小程序
andrsted9 小时前
用练题簿小程序 - 让错题不再白错
学习·微信小程序·小程序·学习方法
2601_9499506310 小时前
练题簿,把培训从“走过场”变成“真落地”
人工智能·学习·小程序·刷题·小程序推荐