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官网

相关推荐
lpfasd12330 分钟前
小程序审核避坑指南
小程序
Geek_Vison32 分钟前
技术实践:保险健康APP引入第三方小程序实战,如何构建一个安全可控的沙箱环境~
android·安全·小程序·uni-app·mpaas
2501_915918411 小时前
Python如何抓取HTTPS请求包的完整教程与代码示例
android·ios·小程序·https·uni-app·iphone·webview
用户573240037232 小时前
从"陪聊机器人"变成"产品导航员"
微信小程序
2501_916008893 小时前
全面解析常用Web前端开发工具:编辑器、调试工具、性能分析器与框架
android·前端·ios·小程序·uni-app·编辑器·iphone
编程猪猪侠3 小时前
基于uni-app-x 与 uni-app 的安卓与 H5 双向通信完整实现
android·javascript·uni-app
px不是xp20 小时前
【灶台导航】优化纠错实录
javascript·微信小程序
mykj155121 小时前
AI旅拍小程序定制开发,解锁文旅变现新赛道
人工智能·小程序
爱勇宝1 天前
我做了一个亲子成长小程序:想把“催孩子”变成“看见孩子”
微信小程序·产品·全栈
biwenyunnet1 天前
【99做小程序只认餐宝盈】连锁餐饮小程序怎么做:从系统架构、技术选型到表结构与接口设计的完整实践
小程序·系统架构