需求:截取地址栏上的参数ids

一、利用this.route.query()获取

//url=http://localhost:123/#/manage?ids=1&age=0
 console.log(this.$route.query.ids);//1 

二、利用window.location.href()获取

当url是动态同步的时候,vue没同步自己的对象;此时利用this.route.query()在不刷新页面的情况是是无法获取到最新的参数的。

所以这时就要利用window.location.href()正则来截取。

//url=http://localhost:123/#/manage?ids=1,2,&age=0
let idsREG = window.location.href.match(/(?<=ids=).+(?=\&)/);//获取?至&之间的值
//["1","2"].map(Number) 将字符串数组转为数值数组[1,2]
let ids =tabIdsREG[0].split(",").map(Number);
console.log(ids);//[1,2]

 

posted @ 2022-03-23 15:39  ling'er  阅读(140)  评论(0编辑  收藏  举报