uniapp小程序路由与跳转页面的几种方法收藏

以下收藏了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
});