vue获取url地址中参数

vue获取url地址中的参数

首先获取到url地址

let geturl = window.location.href 
// http://localhost:8081/#/pages/index/index?code=abc&name=%E4%BC%81%E4%B8%9A%E5%BF%99

方式一

let getqyinfo = geturl.split('?')[1]   //code=abc&name=%E4%BC%81%E4%B8%9A%E5%BF%99   截取到参数部分
let getqys = new URLSearchParams('?'+getqyinfo)  //将参数放在URLSearchParams函数中
let getcode = getqys.get('code')   //abc   
let getname = getqys.get('name')  //%E4%BC%81%E4%B8%9A%E5%BF%99

方式二

let getqyinfo = geturl.split('?')[1]   //code=abc&name=%E4%BC%81%E4%B8%9A%E5%BF%99
let getqys = getqyinfo.split('&')  //['code=abc', 'name=%E4%BC%81%E4%B8%9A%E5%BF%99%E5%95%8A%E5%95%8A%E5%95%8A']
let getcode =  getqys[0].split('=')[1]
let getname = getqys[1].split('=')[1] 
console.log('code:',getcode,'getname:',getname)

方式三

let getqyinfo = geturl.split('?')[1]
let getqys = getqyinfo.split('&')
let obj = {}  //创建空对象，接收截取的参数
for(let i = 0;i < getqys.length;i++ ){
	console.log(i)
	let item = getqys[i].split('=')
	let key = item[0]
	let value = item[1]
	obj[key] = value 
}
console.log(obj)