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

小程序获取二维码参数

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

文档的截图如下:

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

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

---

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

Page({
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    if (options.scene) {
      Object.assign(this.options, this.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对象里面，整个页面都可以用