欢迎来到我的博客小站。  交流请加我微信好友: studyjava。  也欢迎关注公众号:Java学习之道 Fork me on GitHub

微信小程序跳转页面时参数过长导致参数丢失

问题描述:

微信小程序:跳转页面时传参,参数过长导致参数丢失

跳转到文章详情页时,使用的文章链接e.currentTarget.dataset.id过长导致参数丢失

  handleClickArticle: function (e) {
    wx.navigateTo({
      url: '/pages/index/articleinfo/articleinfo?urllink=' + e.currentTarget.dataset.id
    })
  },

解决方案:

调用微信的API,将参数编码传送,解码接收,即可。

完整的写法如下:

// 传参
  handleClickArticle: function (e) {
    wx.navigateTo({
      url: '/pages/index/articleinfo/articleinfo?urllink=' + encodeURIComponent(e.currentTarget.dataset.id)
    })
  },
// 接收
Page({
  onLoad: function (options) {
    var _this = this;
    _this.setData({
      urllink: decodeURIComponent(options.urllink)
    })
  }
})

这样就解决问题了。

posted @ 2019-10-08 13:55  淼淼之森  阅读(2190)  评论(0编辑  收藏  举报
  👉转载请注明出处和署名