当前位置:首页 > 前端

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

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

首先小程序生成二维码,我这里调用的接口是: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);
}


分享给朋友:

相关文章

实现 OpenSearch(Tab to Search)功能

在网站上添加了 OpenSearch 功能以后,IE 7.0 和 Firefox 2.0 以上的浏览器就能够在自带的搜索栏里面添加这个网站的搜索功能了。第一:原始网站支持GET传递参数搜索:第二:编写…

IE11,Chrome粘贴图片上传的JS实现方法和逻辑

核心代码如下://处理IE11,Chrome粘贴图片上传 function pasteUpload() { var file = null;…

VUE打包时from UglifyJs Unexpected token: punc (()错误解决方案

归其原因是因为缺少ES2015的语法解析。因此进行如下2步操作即可解决问题:1、安装babel-preset-es2015npm install babel-preset-es20…

uniapp无缝滚动核心代码

1、页面代码核心代码<scroll-view class="scoll-warp">     <view&nb…

npm 更新模块

npm update只能按照package.json中标注的版本号进行更新,升级后不会修改package.json中的版本号,需要自己手动修改,比较麻烦。npm-check-updates 升级插件升…

uniapp开发小程序,小程序二维传参与H5、分享页面参数兼容的处理方案。

首先小程序获取二维码接口有三个,2个限制数量,一个不限制数量,但是限制生成频率(5000次/分钟)和参数长度(32位),我使用的是不限数量的接口:getUnlimited,传递的参数为:invite=…

发表评论

访客

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