vue如何获取地址栏的参数 vue 获取当前地址

博主:xiaoweixiaowei 2022-12-19 条评论

具体方法如下:

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


The End

发布于:2022-12-19,除非注明,否则均为 主机评测原创文章,转载请注明出处。