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

标签：ons   component   pre   decode   解码   丢失   uri   微信小程序   编码   

问题描述：

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

跳转到文章详情页时，使用的文章链接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)
    })
  }
})

这样就解决问题了。

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

标签：ons   component   pre   decode   解码   丢失   uri   微信小程序   编码   

原文地址：https://www.cnblogs.com/mmzs/p/11635040.html