有时从一个页面导航到另一个页面需要携带参数,而正巧的是,参数中含有问号(?),此时,后面的页面在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
赏我一个赞吧~~~