小程序页面跳转不同方法

佐手、 提交于 2020-03-06 12:02:51

1、最常见的wx.navigateTo({})
保留当前页面,跳转到应用内的某个页面,使用 wx.navigateBack 可以返回;

wx.navigateTo({
   url:'../test/test?id=1&page=4',  //跳转页面的路径,可带参数 ?隔开,不同参数用 & 分隔;相对路径,不需要.wxml后缀
   success:function(){}        //成功后的回调;
   fail:function(){}          //失败后的回调;
   complete:function(){}      //结束后的回调(成功,失败都会执行)
 })
  
  传递的参数在接收页面onLoad()函数中得到值:option.id就可以得到了
  onLoad: function (option) {
    console.log(option)//可以打印一下option看查看参数
     this.setData({
     id:option.id,
     });

2、 wx.redirectTo()
关闭当前页面,跳转到非tabBar的某个页面

3、使用组件 <navigator> 示例: <navigator url='../test/test'>点击跳转</navigator>

4、wx.switchTab ,跳转到tabBar的某个页面,

wx.switchTab({
      url: '../taste/index',   //注意switchTab只能跳转到带有tab的页面,不能跳转到不带tab的页面
    })


作者:kingdlw
链接:https://www.jianshu.com/p/8b6d81abca7d
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!