前端页面传参主要是通过url实现:https://www.baidu.com?id=45&user=Jack
该链接,传递了id和user两个参数,那么我们需要获取到这两个参数。
方法一
1、封装一个方法
export const getUrlSingleParam = (name) => {
const reg = new RegExp("(^|\\?|&)" + name + "=([^&]*)(\\s|&|$)", "i");
if (reg.test(window.location.href)) {
return unescape(RegExp.$2.replace(/\+/g, " "))
} else {
return false;
}
}
2、在需要接收参数的页面调用
let id = getUrlParam('id');
let user = getUrlParam('user');
方法二
const params = new URLSearchParams(location.search);
const id = params.get('id');
const user = params.get('user');