以下收藏了uniapp小程序的5种路由与页面跳转方法,供大家参考。
1、uni.navigateTo(OBJECT):保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。
示例:
//在起始页面跳转到test.vue页面并传递参数
uni.navigateTo({
url: 'test?id=1&name=uniapp'
});2、uni.redirectTo(OBJECT):关闭当前页面,跳转到应用内的某个页面。
示例:
uni.redirectTo({
url: 'test?id=1'
});3、uni.reLaunch(OBJECT):关闭所有页面,打开到应用内的某个页面。
示例:
uni.reLaunch({
url: 'test?id=1'
});4、uni.switchTab(OBJECT):跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。
uni.switchTab({
url: '/pages/index/index'
});5、uni.navigateBack(OBJECT):关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层。
示例:
// 注意:调用 navigateTo 跳转时,调用该方法的页面会被加入堆栈,而 redirectTo 方法则不会。见下方示例代码
// 此处是A页面
uni.navigateTo({
url: 'B?id=1'
});// 此处是B页面
uni.navigateTo({
url: 'C?id=1'
});// 在C页面内 navigateBack,将返回A页面
uni.navigateBack({
delta: 2
});
关于简忆
简忆诞生的故事



粤ICP备16092285号
文章评论(0)