关于uni-app中实现页面跳转的方式

一：普通页面跳转

// 保留当前页面，跳转到应用内的某个页面
uni.navigateTo({
    url: '/pages/test/test'
});

// 关闭当前页面，跳转到应用内的某个页面
uni.redirectTo({
    url: '/pages/test/test'
});

// 关闭所有页面，打开到应用内的某个页面
uni.reLaunch({
    url: '/pages/test/test'
});

// 关闭当前页面，返回上一页面或多级页面
uni.navigateBack({
    delta: 1 // 返回的页面数，默认 1
});

二：传递参数

// 跳转时传递参数
uni.navigateTo({
    url: '/pages/test/test?id=1&name=uniapp'
});

// 在目标页面接收参数
onLoad: function (option) {
    console.log(option.id);
    console.log(option.name);
}

三：tabBar页面跳转：

// 跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面
uni.switchTab({
    url: '/pages/index/index'
});

注意事项：

1. 页面路径要以 '/' 开头
2. 跳转到 tabBar 页面只能使用 switchTab
3. navigateTo、redirectTo 只能打开非 tabBar 页面
4. 页面栈最多十层，超出会报错
5. 传递参数时需要对中文进行编码