您现在的位置是:首页 > 前端开发 > Uni-App

uni-app 路由页面跳转

admin2019-04-10Uni-App 人已围观

简介uni-app 路由页面跳转,页面跳转有5种方式,都能用到。

1、uni.navigateTo 页面跳转方式,点击跳转会出现一个箭头
  保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。
 

uni.navigateTo({
           url: 'test?id=1&name=uniapp'
});
 

效果图



2、uni.redirectTo  关闭当前页面,跳转到应用内的某个页面。
 

uni.redirectTo({
      url: 'test?id=1'
});
 

点击他,会跳转你第一个页面


3、uni.reLaunch  关闭所有页面,打开到应用内的某个页面。
 

uni.reLaunch({
       url: 'test?id=1'
});
 




4、navigateBack , 关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层。
 

uni.navigateBack({
      delta: 2
});
 

还有一个,我也不太熟, 我上文档吧

https://uniapp.dcloud.io/api/router?id=navigateback

很赞哦!760

文章评论

      匿名评论
    • 评论
    人参与,条评论

站点信息

  • 建站时间:2018-12-23
  • 网站程序:帝国CMS7.5
  • 文章统计: 164
  • 文章评论:490条
  • 统计数据百度统计
  • 微信公众号:扫描二维码,关注我们