微信小程序> 获取小程序二维码携带的参数

获取小程序二维码携带的参数

浏览量:3047 时间: 来源:Jioho_

小程序获取二维码参数

生成二维码的时候使用的是 wxacode.getUnlimited,接口 B(数量不受限制,参数较短)

文档的截图如下:
小程序

可以看到生成的二维码的参数需要放在 scene
假设现在我们需要跳转商品详情,并且需要带 2 个参数,一个商品 ID,一个店铺 ID
则有: goodsId=1&storeId=2
然后在对应页面使用 this.options.goodsIdthis.options.storeId 来获取对应参数即可

可是通过二维码生成的链接并不能这样获取参数,打印 this.options 发现所有的参数都在
this.options.scene中,并且已经通过 urlencode 处理,说白了就是全部参数变成了字符串。这时候要获取就不好操作了


下面说下怎么获取对应的参数

Page({  /**   * 生命周期函数--监听页面加载   */  onLoad: function(options) {    if (options.scene) {      Object.assign(this.options, getScene(options.scene)) // 获取二维码参数,绑定在当前this.options对象上    }    console.log(this.options) // 这时候就会发现this.options上就会有对应的参数了  },  /**   * 获取小程序二维码参数   * @param {String} scene 需要转换的参数字符串   */  getScene: function(scene = "") {    if (scene == "") return {}    let res = {}    let params = decodeURIComponent(scene).split("&")    params.forEach(item = {      let pram = item.split("=")      res[pram[0]] = pram[1]    })    return res  }})

主要是用到了 decodeURIComponent 解码(这里并不能直接获得对象参数,只是把=被转义的东西重新转换回来)
然后在根据& 获取每一个参数,获取到每一个参数后,在通过循环,通过=分割键值对

这样就可以获取小程序二维码携带的参数了,并且获取后放入到this.options对象里面,整个页面都可以用

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎