获取当页路由地址中的参数

用原生js获取url中的参数

window.location.href

复制代码
<template>
  <div></div>
</template>
<script>
export default{
  created() {
    this._getHref()
  },
  methods: {
    _getHref() {
      // 获取地址href
      let url = window.location.href
      console.log('href', url)
      let paramsArr = this.getUrlData(url)
      console.log(paramsArr)
      console.log('page', paramsArr.page)
      console.log('code', paramsArr.code)
    },
    // 获取路径参数
    getUrlData(url) {
      // 存储到对象中
      let args = {}
      // 获取?的位置
      let num = url.indexOf('?')
      // 截取参数信息string
      url = url.substr(num + 1)
      // 以&分割字符串并保存到数组中
      let arr = url.split('&')
      for (var i = 0; i < arr.length; i++) {
        // 以等号分割key=val保存到数组中
        var pair = arr[i].split('=')
        // console.log('pair', pair)
        // 获取val值
        args[pair[0]] = pair[1];
        args[pair[0]] = decodeURI(args[pair[0]]);
      }
      return args
    }
  }
}
</script>
复制代码

posted @   海螺呜呜  阅读(496)  评论(0编辑  收藏  举报
编辑推荐:
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
阅读排行:
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· DeepSeek 解答了困扰我五年的技术问题。时代确实变了!
· 本地部署DeepSeek后,没有好看的交互界面怎么行!
· 趁着过年的时候手搓了一个低代码框架
· 推荐一个DeepSeek 大模型的免费 API 项目!兼容OpenAI接口!
点击右上角即可分享
微信分享提示