uniapp开发中的页面跳转方式

一、标签跳转：

<navigator url="...?key=value">页面跳转</navigator>

二、事件方法跳转

①uni.navigateTo(object)：
保留当前页面，跳转到应用内的某个页面，可使用uni.navigateBack返回到原页面

uni.navigateTo({
    url: 'route?key1=value1&key2=value2'   
});

接收数据（其他跳转方式的接收参数方法与之相同）：

onLoad: function (option) { 
  //option为object类型，会序列化上个页面传递的参数
  console.log(option.key1); //输出 value1
  console.log(option.key2); //输出 value2
}

②uni.redirectTo(object)：
关闭当前页面，跳转到应用内的某个页面 ，可理解为重定向页面

uni.redirectTo({
    url: 'route?key1=value1&key2=value2'   
});

③uni.reLaunch(object)：
关闭所有页面，跳转到应用内的某个页面
注意： 如果调用了 uni.preloadPage(OBJECT)不会关闭，仅触发生命周期 onHide

uni.reLaunch({
    url:  'route?key1=value1&key2=value2'   
});

④uni.switchTab(object)：
跳转到tabBar页面，并 关闭所有非tabBar页面
注意： 如果调用了 uni.preloadPage(OBJECT)不会关闭，仅触发生命周期 onHide

uni.switchTab({
    url: '/pages/index/index'
});

⑤uni.navigateBack(object)：
返回上一页面/多级页面。可通过 getCurrentPages() 获取当前的页面栈，决定需要返回几层

uni.navigateBack({
    delta: 3//返回上上上个页面
});

uni.preloadPage({url: "/pages/test/test"});

uni.preloadPage({url: "/pages/test/test"});