vue如何获取地址栏的参数

vue

925

2021/5/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"));

辰迅云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

vue如何获取地址栏的参数

最新知识库

相关标签