最新公告
  • 欢迎您光临码农资源网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!加入我们
  • 微信小程序开发最全传值跳转页面方法

    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
        })
    想要了解更多内容,请持续关注码农资源网,一起探索发现编程世界的无限可能!
    本站部分资源来源于网络,仅限用于学习和研究目的,请勿用于其他用途。
    如有侵权请发送邮件至1943759704@qq.com删除

    码农资源网 » 微信小程序开发最全传值跳转页面方法
    • 7会员总数(位)
    • 25846资源总数(个)
    • 0本周发布(个)
    • 0 今日发布(个)
    • 293稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情