前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信小程序导航参数中含有问号

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

作者头像
韦弦zhy
发布2018-09-11 12:44:39
2.5K1
发布2018-09-11 12:44:39
举报

参数含有问号怎么办.jpg

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

比如:

代码语言:javascript
复制
 wx.navigateTo({
      url: "../about/about?a=3?3"
 })

我们拿到的options中却是:

代码语言:javascript
复制
{a=3}

后面的数据直接丢失了

解决方法有三:
一、将该参数设为全局变量
代码语言:javascript
复制
var app = getApp()
app.globalData.paramsName = " "

然后在需要的界面去取

二、存入storage
代码语言:javascript
复制
  wx.setStorageSync("paramName", "paramValue")

然后在需要的界面使用

代码语言:javascript
复制
   wx.getStorage({
      key: 'paramName',
      success: function(res) {
        console.log(res.data)
      },
   })
三、使用escape转码 和 unescape解码
代码语言:javascript
复制
    let data = escape("4?4")
    wx.navigateTo({
      url: "../about/about?a=" + data
   })
代码语言:javascript
复制
  onLoad: function (options) {

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

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018.07.08 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 有时从一个页面导航到另一个页面需要携带参数,而正巧的是,参数中含有问号(?),此时,后面的页面在onLoad: function (options)中是拿不到我们想要的数据的
    • 解决方法有三:
      • 一、将该参数设为全局变量
        • 二、存入storage
          • 三、使用escape转码 和 unescape解码
          相关产品与服务
          云开发 CloudBase
          云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
          领券
          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档