微信小程序扫描普通二维码跳转到小程序指定页面操作方法
这个功能的逻辑是什么呢?
二维码就相当于是一个链接相当于我们点击一个链接跳转到另一个页面只不过这里是扫码的形式
如何操作
1、首先我们需要在微信公众平台的开发管理——>开发设置,找到(扫普通链接二维码打开小程序),点击添加,会出现下面的页面,配置好之后点击保存就行了
2、配置好之后我们去草料二维码网站生成一个二维码
3、扫描二维码就可以跳转到微信小程序的指定页面了
4、微信小程序页面接收传过来的参数,扫码跳到指定页面后,在onLoad方法接收参数
onLoad((option) => { console.log(option) if(option.q&&option.q!="undefined"){ // 获取到二维码原始链接内容 const qrUrl = decodeURIComponent(option.q) console.log(qrUrl); //此处就是我们要获取的参数 json,通过方法解析 let jsonUrl = methods.GetwxUrlParam(qrUrl); //比如我要得到id的值,直接取值即可 let id = jsonUrl.id; console.log("巡逻点ID:"+id); } });
解析链接地址方法如下
methods = { //解析链接地址 GetwxUrlParam(url) { let theRequest = {}; if(url.indexOf("#") != -1){ const str=url.split("#")[1]; const strs=str.split("&"); for (let i = 0; i < strs.length; i++) { theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]); } }else if(url.indexOf("?") != -1){ const str=url.split("?")[1]; const strs=str.split("&"); for (let i = 0; i < strs.length; i++) { theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]); } } return theRequest; }, }
到这里,就可以实现扫码普通二维码跳转到微信小程序指定页面了!!!
总结
到此这篇关于微信小程序扫描普通二维码跳转到小程序指定页面操作的文章就介绍到这了,更多相关扫描二维码跳转小程序指定页面内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
javascript实现window.print()去除页眉页脚
这篇文章主要介绍了javascript实现window.print()去除页眉页脚的方法以及各参数的设置技巧,需要的朋友可以参考下2014-12-12JS.elementGetStyle(element, style)应用示例
获取Dom元素的Style数组中的指定Style元素,下面有个不错的示例,感兴趣的朋友可以参考下,希望对大家有所帮助2013-09-09JavaScript中Null与Undefined的区别解析
这篇文章主要介绍了JavaScript中Null与Undefined的区别解析,本文给出了多个代码实例讲解它们之间的区别,需要的朋友可以参考下2015-06-06
最新评论