以下收藏了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 });
文章评论(0)