vue获取url地址中的参数
前端vue获取URL地址里面的参数
·
首先获取到url地址
let geturl = window.location.href
// http://localhost:8081/#/pages/index/index?qycode=1001&qyname=%E4%BC%81%E4%B8%9A%E5%BF%99
方法一:
let getqyinfo = geturl.split('?')[1] //qycode=1001&qyname=%E4%BC%81%E4%B8%9A%E5%BF%99 截取到参数部分
let getqys = new URLSearchParams('?'+getqyinfo) //将参数放在URLSearchParams函数中
let getqycode = getqys.get('qycode') //1001
let getqyname = getqys.get('qyname') //%E4%BC%81%E4%B8%9A%E5%BF%99
例子:
let geturl = window.location.href // http://localhost:8000/collection/businessprocessing/test?route=Test&routeTitle=Test&payerName=缴款人&outTradeNo=订单编号&oriAmt=支付金额
let getqyinfo = geturl.split('?')[1] //route=Test&routeTitle=Test&payerName=缴款人&outTradeNo=订单编号&oriAmt=支付金额 截取到参数部分
let getqys = new URLSearchParams(getqyinfo) //将参数放在URLSearchParams函数中
this.getqycode = getqys.get('payerName') // 缴款人
this.getqyname = getqys.get('outTradeNo') //订单编号
this.getqymoney = getqys.get('oriAmt') //支付金额
console.log(this.getqycode, this.getqyname, this.getqymoney)
我在例子里面所使用的的跟方法里面不太一样,大家在复制的时候一定要细心的查看哦!!!
方法二:
let getqyinfo = geturl.split('?')[1] //qycode=1001&qyname=%E4%BC%81%E4%B8%9A%E5%BF%99
let getqys = getqyinfo.split('&') //['qycode=1001', 'qyname=%E4%BC%81%E4%B8%9A%E5%BF%99%E5%95%8A%E5%95%8A%E5%95%8A']
let getqycode = getqys[0].split('=')[1]
let getqyname = getqys[1].split('=')[1]
console.log('qycode:',getqycode,'getqyname:',getqyname)
方法三:
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)
更多推荐
已为社区贡献4条内容
所有评论(0)