十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
本篇文章给大家分享的是有关小程序中怎么通过扫描二维码获取参数,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
成都网站制作、成都做网站,成都做网站公司-创新互联已向1000多家企业提供了,网站设计,网站制作,网络营销等服务!设计与技术结合,多年网站推广经验,合理的价格为您打造企业品质网站。
首先要在小程序的后台控制页面配置一下,如图:
点击上图中右上角的添加按钮去配置:
需要填写四项内容,前缀规则默认不占用,当我们通过二维码工具或者qcodejs将普通链接转化为二维码后,调用微信扫一扫功能扫描此二维码,微信就会跳转到目标小程序的特定页面。
但是有时候我们需要传递一些参数,通过上面的普通链接来传递,传递的方式就是在普通链接后面添加参数,参数格式为查询字符串,例如 http://www.a.com?name=zs&age=18,这样的话小程序内部如何获取这个数据呢?观察如下代码:
onLoad (option) { console.log(option) }
一般我们会在小程序生命周期函数onload函数中打印这个函数的默认形参option,option就是上一个页面传递过来的参数,但是这里需要注意,这是小程序内部页面之间传递参数的方式,不适用于上面扫描二维获取二维码中的参数,好多同学在获取二维码中的参数时容易和页面间传值获取的方式搞混。
这两种方式传参的方式是一样的,都是在链接后面追加问号和查询字符串,但是获取方式不同。
扫描二维码进入小程序并没有发生页面间的跳转,所以并不能直接从option中获取链接中传递的参数。
那我们如何获取呢?查看官方文档:
onload事件的默认形参option中会有一个q属性,这个属性需要用decodeURIComponent解码一次,解码后得到原二维码的完整内容,例如:“http://www.a.com?name=zs&age=18”。得到这个完整的链接后,我们再提取参数,主要过程就是字符串的处理。
import qs from "qs"onLoad (option) { console.log(option) if (option.q) { let url = decodeURIComponent(option.q) // url http://www.a.com?name=zs&age=18; let paramstr = url.split("/\?/")[1]; // name=zs&age=18; let params = qs.parser(paramstr); //最终结果为:params {name:'zs',age:18} }}
以上就是小程序中怎么通过扫描二维码获取参数,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。