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

Posted mmzs

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序跳转页面时参数过长导致参数丢失相关的知识,希望对你有一定的参考价值。

问题描述:

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

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

这样就解决问题了。

以上是关于微信小程序跳转页面时参数过长导致参数丢失的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序页面常用的5种跳转方法

微信小程序页面跳转参数怎么传递

获取微信小程序URL参数

h5打开微信小程序带参数

微信小程序页面跳转

微信小程序中tabBar与导航API的页面跳转处理关系