美文网首页
3.微信小程序页面跳转

3.微信小程序页面跳转

作者: 指尖架构141319 | 来源:发表于2020-03-09 11:00 被阅读0次

    1.tabBar跳转

    wx.switchTab({
        url: ''
    });
    

    只能用于tabBar页面

    2.非tabBar页面跳转

    //保留当前页面,跳转到应用内的某个页面
    wx.navigateTo({
        url: ''
    });
    //关闭当前页面,跳转到另外一个页面
    wx.redirectTo({
        url: ''
    });
    

    3.带参数跳转

    A页面传参:

       wx.navigateTo({
            url: '/pages/register/register?id=' + this.data.coachId,
          })
    

    B页面中onLoad()函数用过option.type接受参数

      /**
       * 生命周期函数--监听页面加载
       */
      onLoad: function (options) {
        this.setData({
          "id": options.id
        })
      }
    

    4.返回值

    // A页面
    wx.navigateTo({
      url: 'B?id=1'
    })
     
    // B页面
    wx.navigateTo({
      url: 'C?id=1'
    })
     
    // 在C页面内 navigateBack,将返回A页面
    wx.navigateBack({
      delta: 2
    })
    

    相关文章

      网友评论

          本文标题:3.微信小程序页面跳转

          本文链接:https://www.haomeiwen.com/subject/abjudhtx.html