import { useRouter, useRoute } from 'vue-router';
setup() {
let router = useRouter();
let route = useRoute();
}
vue:
查询路由参数:route.query、route.params、route.path
查询路由地址:router.currentRoute.value.path
js方法 第一:
function GetQueryString(name) {
let reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
let r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
let context = '';
if (r) context = r[2];
return context ? context : '';
}
地址 http://localhost:8080/progressDtl?code=79a8a34a72d64396b74856470e62c3ef
GetQueryString('code')
得到 79a8a34a72d64396b74856470e62c3ef
只能获取单个变量参数
js方法 第二:
function GetRequest(value) {
//url例子:www.baidu.com?id="123456"&name="www";
var url = decodeURI(window.location.search); //?id="123456"&name="www";
var object = {};
if (url.indexOf("?") != -1)//url中存在问号,也就说有参数。
{
var str = url.substr(1); //得到?后面的字符串
var strs = str.split("&"); //将得到的参数分隔成数组[id="123456",name="www"];
for (var i = 0; i < strs.length; i++) {
object[strs[i].split("=")[0]] = strs[i].split("=")[1];//得到{id:'123456',name:'www'}
}
}
return object[value];
}
传value就可以得道对应参数信息
不传value 就直接return object 获取所有参数对象
版权声明:本文为Wancc123原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。