小程序获取二维码参数
生成二维码的时候使用的是 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, 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对象里面,整个页面都可以用













