温馨提示×

vue如何获取地址栏的参数

vue
养鱼的猫咪
207
2021-05-10 11:56:26
栏目: 编程语言

vue如何获取地址栏的参数

具体方法如下:

1.使用params方式获取地址栏参数

export default new Router({

routes: [

{ path: '/', name: 'LoginView', component: LoginView },

{ path: '/home', name: 'HomeView', component: HomeView }

]

})

this.$route.params.userName


2.采用正则表达式获取地址栏参数

function GetQueryString(name)

{

var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");

var r = window.location.search.substr(1).match(reg);

if(r!=null)return unescape(r[2]); return null;

}

alert(GetQueryString("参数名1"));

alert(GetQueryString("参数名2"));

alert(GetQueryString("参数名3"));


0