小程序跳转页面的几种方式（超长带参跳转）

个人微信小程序开发笔记，转载告知

//保留当前页面，传参跳转
let cardid = xxx; // 跳转传参的参数
wx.navigateTo({
  url: '/pages/login/index？carid=' + cardid,
})

//关闭当前页面，传参跳转
let cardid = xxx; // 跳转传参的参数
wx.redirectTo({
  url: '/pages/login/index？carid=' + cardid,
})

//关闭所有页面，传参跳转
let cardid = xxx; // 跳转传参的参数
wx.reLaunch({
  url: '/pages/login/index？carid=' + cardid,
})

//跳转到 tabBar 页面，关闭所有非 tabBar 页面
wx.switchTab({
  url: '/pages/index/index'
})

• 带参数传参长度超过限制被截取时，使用encode

// xxx是跳转传照片的数组，先转字符串，再encode
let xxx = posters.toString()
console.log( encodeURIComponent(xxx))
wx.navigateTo({
  url: '/pages/my/transmitPhoto/index?posters=' + encodeURIComponent(xxx)
})

• 接收页

// onload接收传参数据
onLoad: function (res) {
    let xxx = decodeURIComponent(res.posters) // 先decode再把字符串转数组
    let photoArr = xxx.split(",");
    console.log(photoArr)
    this.setData({
      photoArr: photoArr
    })
  },