需求:截取地址栏上的参数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]