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

相关推荐
Liu.77419 小时前
vscode运行开发uniapp项目
vscode·uni-app
ewboYang19 小时前
自学全栈搭建python [fastapi] + uniapp [vue3+ts]项目
python·uni-app·fastapi
BUG创建者20 小时前
uniapp 开发app时播放实时视频海康ws的流数据
前端·javascript·vue.js·uni-app·html·音视频
CHU72903520 小时前
便捷寄件,省心直达——快递寄件小程序前端功能解析
小程序
2501_9159184120 小时前
网站抓包解析,掌握浏览器请求和 HTTPS 数据分析的流程
android·ios·小程序·https·uni-app·iphone·webview
sheji341620 小时前
【开题答辩全过程】以 舞蹈培训管理微信小程序的设计与实现为例,包含答辩的问题和答案
微信小程序·小程序
00后程序员张20 小时前
iOS开发者工具有哪些?Xcode、AppUploader(开心上架)、Fastlane如何使用
android·macos·ios·小程序·uni-app·iphone·xcode
焦糖玛奇朵婷21 小时前
盲盒抽卡机小程序搭建,探索卡牌市场
大数据·开发语言·程序人生·小程序·软件需求
白菜__21 小时前
阿里V2滑块小程序版本
javascript·爬虫·网络协议·小程序·node.js
灵机一物21 小时前
灵机一物AI智能电商小程序(已上线)-从“帮我买抽纸”到自动下单支付——大模型驱动全链路自动购物系统实战
人工智能·python·elasticsearch·小程序·fastapi·rag·langgraph