vue js公共截取URL的key: value方法

复制代码
let URL = http://localhost:8080/#/ficu/?taskid=1001-2271023&pageId=146&ssid=74529457205982&channelld=IPCC&userId=xx

// 取值URL
let href = window.location.href   // 拿到完整的URL
let hash = window.location.hash   // 取#后面的所有URL

// 取值方法
getUrlParams () {
  let hash = window.location.hash  
  console.log('-------hash---', hash)
  // 输出#/ficu/?taskid=1001-2271023&pageId=146&ssid=74529457205982&channelld=IPCC&userId=xx
  let obj = {}
  let urlStr = hash.split('?')[1]   // 取问号后面的值
  let params = urlStr.split('&')
  for (let i=0, len=params.length; i<len; i++) {
    let arr = params[i].split('=')
    obj[arr[0]] = arr[1]
  }
  return obj
}


// 用法
let objList = this.getUrlParams()
objList.pageId = '146'

console.log('-----objList----', objList)
// 输出对象-----objList---- 
 {
    taskid: '1001-2271023'
    pageId: '146'
    ssid: '74529457205982'
    channelld: 'IPCC'
    userId: 'xx'
 }
 
复制代码

 

posted @   鼓舞飞扬  阅读(33)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
历史上的今天:
2021-07-12 mock数据
点击右上角即可分享
微信分享提示