1、开发环境中参数写在哪个位置
http://localhost:8080/#/?salt=111&salt2=222
在“/#/”后面写参数
2、部署中参数写在哪个位置
http://vd.ydzykj.com/h5/#/?salt=111&salt2=222
在“/#/”后面写参数
3、在启动页中,即pages.json中配置的第一个页面,通过下面的方法获取参数
onShow() {
// #ifdef H5
let params = this.getRequestParams();
let salt = params['salt'];
console.log(salt)//111
let salt2 = params['salt2'];
console.log(salt2)//222
// #endif
},
methods: {
getRequestParams() {
let url = location.href;
let requestParams = {};
if (url.indexOf('?') !== -1) {
let str = url.substr(url.indexOf('?') + 1); //截取?后面的内容作为字符串
console.log(str, '?后面的内容');
let strs = str.split('&'); //将字符串内容以&分隔为一个数组
console.log(strs, '以&切割的数组');
for (let i = 0; i < strs.length; i++) {
requestParams[strs[i].split('=')[0]] = decodeURI(strs[i].split('=')[1]);
// 将数组元素中'='左边的内容作为对象的属性名,'='右边的内容作为对象对应属性的属性值
}
}
console.log(requestParams, '处理后的对象');
return requestParams;
}
}
本文介绍了在开发环境和部署环境中URL参数的写入位置,以及在启动页中如何使用JavaScript解析并获取这些参数。在页面onShow()方法中,通过getRequestParams()函数解析了'#/'后的参数,并在控制台打印出来。
1万+

被折叠的 条评论
为什么被折叠?



