微信小程序开发最全传值跳转页面方法

  • 内容
  • 相关

1、wx.navigateTo() ,保留当前页面,跳转到应用内的某个页面,使用 wx.navigateBack 可以返回;小程序中跳转页面最多十层

示例:

    wx.navigateTo({
      url:'/pages/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的某个页面

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

3. wx.reLaunch() , 跳转至指定页面并关闭其他打开的所有页面(这个最好用在返回至首页的时候)

    wx.reLaunch({
      url: '/pages/index/index',   //跳转之后会关闭所有已打开过的页面,没有返回按钮,这个可跳转到带有tabBar的页面
    })

4. 使用组件 示例:

    <navigator url='/pages/index/index'>点击跳转</navigator>

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

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

6. wx.navigateBack,返回上一页面或多级页面;

    wx.navigateBack({     
          delta:1
    })

本文标签:

版权声明:若无特殊注明,本文皆为《韩俊》原创,转载请保留文章出处。

本文链接:微信小程序开发最全传值跳转页面方法 - http://www.vipshare8.com/wechat/198.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注