VUE中获取当前url及处理

最新推荐文章于 2025-05-21 16:36:12 发布

to Zero-

最新推荐文章于 2025-05-21 16:36:12 发布

阅读量4.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue相关文章标签： vue获取当前url url获取参数 url处理

本文链接：https://blog.youkuaiyun.com/LEVsunshine/article/details/102968639

vue相关专栏收录该内容

10 篇文章

订阅专栏

本文介绍了在Vue.js中如何获取和解析当前URL，包括获取完整URL、路由路径及参数的方法，并提供了一个实用的URL解析函数，用于将查询字符串转换为易于操作的对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue中获取当前url

完整url

window.location.href

路由路径

this.$route.path

路由路径参数

this.$route.params

处理url

parseQuery(url) {
      let o = {};
      let queryString = url.split("?")[1];
      if (queryString) {
        queryString.split("&").forEach(item => {
          let [key, val] = item.split("=");
          val = val ? decodeURI(val) : true;
          //          转码         无值赋值true
          if (o.hasOwnProperty(key)) {
            //   已有属性转为数组
            o[key] = [].concat(o[key], val);
          } else {
            o[key] = val;
          }
        });
      }
      return o;
    }