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

相关推荐
低代码布道师3 小时前
家政预约小程序04活动管理表结构设计
低代码·小程序
大大。12 小时前
模仿微信小程序wx.showModal自定义弹窗,内容可以修改
微信小程序·小程序·notepad++
然后就去远行吧15 小时前
小程序样式 —— 20全局样式和局部样式
小程序
说私域17 小时前
开源AI智能名片2+1链动模式O2O商城小程序:以情感共鸣驱动用户归属与品牌建设的深度探索
人工智能·小程序
kingbal20 小时前
uniapp:编译微信、h5都正常的,编译钉钉小程序无法找到页面
微信·uni-app·钉钉
记得开心一点嘛1 天前
uni-app --- 如何快速从Vue转入Uni-app
前端·vue.js·uni-app
计算机毕设定制辅导-无忧学长1 天前
UniApp 组件的深度运用
uni-app
fakaifa1 天前
【最新】沃德协会管理系统源码+uniapp前端+环境教程
前端·小程序·uni-app·开源·php·生活
Dai_代代1 天前
uniapp小程序使用rich-text富文本图片溢出问题
小程序·uni-app·html
liyinchi19881 天前
uniapp 微信小程序开发使用高德地图、腾讯地图
微信小程序·小程序·uni-app