当前位置:首页 > 前端

小程序二维码传参处理&UNIAPP H5传参兼容处理

Z先生57年前 (1970-01-01)前端1107

首先小程序生成二维码,我这里调用的接口是:getUnlimited,我传递的参数是:invite=10001

接着就是小程序中处理,如果直接扫二维码在App.vue的onLaunch中,使用decodeURIComponent(e.query.scene),但是H5中直接传参和通过分享链接进入的不是通过e.query.scene参数。

e.scene是来源场景,光二维码相关的都好几种,因此放弃拿e.scene判断场景,获取邀请码参数。

直接上代码:

var invite_code;
onLaunch(e) {
		let that = this,
			query = e.query,
			param = {};
		
		console.log(e);
		if (query.invite) {
			param = query;
		} else {
			let _param = decodeURIComponent(query.scene);
			let param_arr = _param.split('&');
			for (let i = 0; i < param_arr.length; i++) {
				let res = param_arr[i].split('=');
				param[res[0]] = res[1];
			}
		}

		if (param.invite) {
		        //自有的写缓存函数
			//this.$app.setCache('invite_code', param.invite);
			invite_code = param.invite;
		} else {
		        //自有的读缓存函数
			//invite_code = this.$app.getCache('invite_code');
		}
		
		console.log(param);
}


分享给朋友:

相关文章

Ckeditor踩坑记

说实话,用了很多富文本编辑器,最精益求精的还是Ckeditor! 曾经一度依赖于百度的Ueditor,因为其简单,方便;特别是在图片上传、H5上传、远程文件下载支持这三个方面,表现尤为突出!…

npm如何使用国内镜像源?

通过命令配置1. 命令淘宝源npm config set registry https://registry.npmmirror.com腾讯源npm …

【原创】api接口模拟器(NodeJS版)

最近遇到一个项目,内网的APP,后端数据和前段开发属于异地,没法直接做接口数据测试。因此用NodeJs简单写了个API模拟器,只要将响应的数据放在对应目录下json.json文件中即可。请求地址全静态…

js中获取当前url路径

网上转的,用的时候整理// 返回 web 主机的域名,如:http://127.0.0.1:8080/testdemo/test.html?id=1&name=t…

记vue/uniapp本地调试以及部署代理服务器设置哪些事

接触vue差不多也一年有余,很多概念性的东西都不懂,逐步已经习惯了npm来安装,之前其他同事做的一些项目,npm自己拿过来也踩了很多坑,比如换个环境再npm就跑不起来了等等之类的,遇到最多的就是scs…

巨坑:API在某些情况下POST请求会自动变成GET的解决方案

这个问题我已经不是第一次遇到了。之前没有收集整理,一般情况下,出现这种情况,都是有2次请求,一次301,在一次200,然后post就变成了get。一般出现这个情况,API接口和?之间不是反斜杠,导致3…

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。