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

admin 阅读:125 2024-03-02

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
    })
声明

1、部分文章来源于网络,仅作为参考。
2、如果网站中图片和文字侵犯了您的版权,请联系1943759704@qq.com处理!