vue如何获取地址栏的参数 vue 获取url地址的参数

文章摘要：vue如何获取地址栏的参数 vue 获取url地址的参数

具体方法如下： 1.使用params方式获取地址栏参数 export default new Router({ […]

具体方法如下：

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"));