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