H5获取链接中的参数

在H5网页的项目中我们经常需要获取连接中的参数

//这种方法只能获取连接中#以前拼接的参数function getQuerystring(key) {const url = new URL(window.location.href);return url.searchParams.get(key);
}
这种方法只能获取连接中#以后拼接的参数function getRouteQuery(vm, key) {const params = vm.$route.query;return params[key];
}
//把这两中方法结合一下，就能完美获取链接中的参数了function getQuery(vm, key) {return vm.$route? getQuerystring(key) || getRouteQuery(vm, key) || '': getQuerystring(key) || '';
}

  const url = new URL(window.location.href);console.log(url);const urlParams = url.searchParams;let paramsObj = {};for (const [key, value] of urlParams.entries()) {paramsObj[key] = value;}if (this.$route) {const routeQueryObj = this.$route.query;paramsObj = Object.assign(paramsObj, routeQueryObj);}console.log(paramsObj);

H5获取链接中的参数相关推荐

小程序获取链接中的参数
onLoad: function (options) { if (options != null && options != undefined && options. ...
如何获取url中的参数并传递给iframe中的报表
在使用报表软件时,用户系统左边一般有目录树,点击报表节点就会在右侧网页的iframe中显示出报表,同时点击的时候也会传递一些参数给网页,比如时间和用户信息等.如何使网页中的报表能够获取到传递过来的参数 ...
如何获取URL中的参数
获取URL中的参数 1. 使用JS函数获取URL参数使用示例 2. Angular应用中,从URL中获取参数信息的方法使用示例 ActivatedRoute属性 1. 使用JS函数获取URL参数 ...
SpringMVC无法获取请求中的参数的问题的调查与解决(1)
SpringMVC无法获取请求中的参数的问题的调查与解决(1) 参考文章: (1)SpringMVC无法获取请求中的参数的问题的调查与解决(1) (2)https://www.cnblogs.com/ ...
由laravel 5.5无法获取url中的参数引发的apache的.htaccess文件问题
一.前言我这边碰到的问题就是,无法获取url中的get参数.本地使用的是laravel 5.5版本.明明url里面清清楚楚的写着参数,但是你却获取不到,这感觉实在是很气很气.刚开始以为是larave ...
gin获取路径中的参数
gin获取路径中的参数 func main() {router := gin.Default()// 此规则能够匹配/user/john这种格式,但不能匹配/user/ 或 /user这种格式rout ...
javaScript获取url中的参数
var urlTools = {//获取RUL参数值getUrlParam: function(name) { /*?videoId=identification */var params = dec ...
android 获取url中的参数，验证邮箱格式，截取字符串中键值对的值，String的字节长度，去空格，替换字符
String ss="hello"; byte[] buff=ss.getBytes(); int f=buff.length; System.out.println(f); 字节 ...
js获取url中的参数
window.location: window的location对象 window.location.href 整个URl字符串(在浏览器中就是完整的地址栏) window.location.prot ...

H5获取链接中的参数

H5获取链接中的参数相关推荐

最新文章

热门文章