一、标签跳转:

<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:
预加载页面,是一种性能优化技术。被预载的页面,在打开时速度更快。

H5 平台:
预加载 /pages/test/test 对应的js文件,不执行页面预渲染逻辑

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

App-nvue 平台:
预加载nvue页面 /pages/test/test

uni.preloadPage({url: "/pages/test/test"});
点赞(0) 打赏

Comment list 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部