版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/bocongbo/article/details/81772388
前端页面传参主要是通过url实现:https://www.baidu.com?id=45&user=Jack
该链接,传递了id和user两个参数,那么我们需要获取到这两个参数。
1、封装一个全局方法
export function getUrlParam(name) {
let 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');
3、如果没有该参数,则返回false,可以通过if语句判断是否接收到该参数
if(id){
//接收到id
}else{
//没有id参数
}