微信小程序导航参数中含有问号

参数含有问号怎么办.jpg

有时从一个页面导航到另一个页面需要携带参数，而正巧的是，参数中含有问号（?）,此时，后面的页面在onLoad: function (options)中是拿不到我们想要的数据的

比如：

 wx.navigateTo({
      url: "../about/about?a=3?3"
 })

我们拿到的options中却是：

{a=3}

后面的数据直接丢失了

解决方法有三：

一、将该参数设为全局变量

var app = getApp()
app.globalData.paramsName = " "

然后在需要的界面去取

二、存入storage

  wx.setStorageSync("paramName", "paramValue")

然后在需要的界面使用

   wx.getStorage({
      key: 'paramName',
      success: function(res) {
        console.log(res.data)
      },
   })

三、使用escape转码 和 unescape解码

    let data = escape("4?4")
    wx.navigateTo({
      url: "../about/about?a=" + data
   })

  onLoad: function (options) {

    console.log(options)
    let a = options.a 
    a = unescape(a)
    console.log(a)
  }

四

和三一样，还可以使用 encodeURIComponent 和 decodeURIComponent
这就是小程序中导航的参数含有？的解决方案，如果还有其他好的方法，欢迎留言交流。

我的博客即将搬运同步至腾讯云+社区，邀请大家一同入驻：https://cloud.tencent.com/developer/support-plan?invite_code=150afwwtin5bq

赏我一个赞吧~~~