温馨提示×

vue如何获取地址栏的参数

vue
养鱼的猫咪
209
2021-05-10 11:56:26
栏目: 编程语言
Vue开发者专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

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如何获取路由上的参数

0