记录一下这次呕心沥血的弄出来的这个二维码带参数跳转。
需求是这样的,有一个订单,我们需要根据这个订单的内容生成对应的二维码,用户在扫这个二维码的时候进入指定页面,并且显示这个订单的信息。刚开始我发现小程序和pc的域名一样,只是后边的路由不同,所以我就是直接生成一个二维码,设置参数跳转的url:'域名'+‘page/order/details’+参数,可是我发现根本获取不到参数,于是我找了个视频,视频上说只能通过后端api生成的二维码跳转,或者通过scheme转化成http链接唤起小程序。
所以,前端想要自己生成二维码来跳转,必须要对跳转地址进行一些处理。
这边我测试是通过这里快速编码和草料二维码,地址如下:
我们正常使用需要使用encodeURIComponent来转换地址。不管怎么说我还是得到了跳转地址,然后需要注意的是,支付宝小程序的全局参数只能通过app.vue中的onLaunch获得。
这里我们需要传输的全局参数会以返回值的格式给我们,所以我们获取到返回值,并且放到全局变量里。
然后我们在需要使用的页面的onload中获取: