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

相关推荐
speedoooo5 小时前
在现有App里嵌入一个AI协作者
前端·ui·小程序·前端框架·web app
影子打怪6 小时前
uniapp项目中,通过renderjs的方式展示地图,及其标点、轨迹展示、轨迹回放
uni-app
iOS阿玮8 小时前
想偷懒购买现成的应用,结果一更新就遇到了4.3a!
uni-app·app·apple
HashTang9 小时前
【AI 编程实战】第 4 篇:一次完美 vs 五轮对话 - UnoCSS 配置的正确姿势
前端·uni-app·ai编程
万岳科技系统开发13 小时前
私域直播小程序源码的整体架构设计与实现思路
学习·小程序
ee82ee13 小时前
uniapp小程序底部键盘唤起问题处理,包含间隙处理,动画处理
微信小程序
qq_124987075314 小时前
基于springboot健康养老APP的设计与实现(源码+论文+部署+安装)
java·spring boot·后端·mysql·微信小程序·毕业设计
汤姆yu14 小时前
基于微信小程序的驾校预约与学习系统
学习·小程序·驾校预约
夏源15 小时前
【微信小程序】实现引入 Echarts 并实现更新数据
微信小程序
speedoooo16 小时前
未来的App不再需要菜单栏?
前端·ui·容器·小程序·web app