获取地址参数的方法（超级好用）

心已赠人 2023-06-27 03:23 1阅读 0赞

# 超级好用的获取地址参数的方法 #

**在单页面中使用：**  
在methods中声明方法：

parseQuery(url) { 
            let o = { }
            let queryString = url.split("?")[1]
            if (queryString) { 
                queryString=queryString.split("#")[0];
                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
        }

在created中使用：

// 举个栗子 页面地址为： http://localhost/record/message?id=119&name=zhangsan
    let url =  parseQuery(window.location.href)
    console.log(url)  // {id: 119, name: 'zhangsan'}
    // 获取id：
    let id = url.id

**作为全局工具使用效果更佳（-\_-）**

发表评论取消回复

表情：

评论列表（有 0 条评论，1人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue 获取url地址的参数

![03bab682b2484e22a68a525da3a83906.jpeg][] url是一个 URL地址，我们在使用 vue的时候，经常需要获取 url的参数，获取方法

古城微笑少年丶/ 2023年10月10日 23:23/ 0 赞/ 25 阅读

相关用JS获取地址栏参数的方法

　　function GetQueryString(name) 　　\{ 　　var reg=new RegExp("(^|&)"+ name +"=(\[^&\]\)(&

喜欢ヅ旅行/ 2023年09月24日 07:59/ 0 赞/ 48 阅读

相关 js获取请求地址的参数

js获取请求地址的参数解决方法： 1.用法假如请求地址是/vlivevideo.html?id=26，想获取id的值 var param=getParamet

阳光穿透心脏的1/2处/ 2023年07月09日 15:27/ 0 赞/ 5 阅读

相关获取地址参数的方法（超级好用）

超级好用的获取地址参数的方法在单页面中使用：在methods中声明方法： parseQuery(url) { let o =

心已赠人/ 2023年06月27日 03:23/ 0 赞/ 2 阅读

相关 location 获取参数和锚_用JS获取地址栏参数的方法（超级简单）

方法一：采用正则表达式获取地址栏参数：( 强烈推荐，既实用又方便！) function GetQueryString(name) \{ var reg = new Reg

系统管理员/ 2022年12月31日 14:26/ 0 赞/ 103 阅读

相关用JS获取地址栏参数的方法（超级简单）

方法一：采用正则表达式获取地址栏参数：（强烈推荐，既实用又方便！） <table style="border:1px solid silver; width:1023px;

傷城~/ 2022年08月05日 02:16/ 0 赞/ 165 阅读

相关 express获取url路由地址参数的方法获取get请求参数

用express写接口我觉得是非常快的，直接集成好了。下面来说说express获取路由地址参数的方法。 var express = require( 'express')

末蓝、/ 2022年05月25日 09:56/ 0 赞/ 246 阅读

相关获取地址栏参数

http://www.ypg.com/list.html?cat_id=231 location.search.match(/cat_id=(\d+)/)[1]

秒速五厘米/ 2022年04月22日 14:22/ 0 赞/ 266 阅读

相关 js获取Url中的参数（超级好用）

<!DOCTYPE html> <html> <head> <title>js获取url中的参数</title> <script t

刺骨的言语ヽ痛彻心扉/ 2021年09月16日 02:30/ 0 赞/ 361 阅读

相关获取地址栏参数

获取地址栏参数在很多时候，我们需要通过页面的链接来传递参数。既然是传递，那么我们肯定是需要在下一个页面接收，并且使用。那么，如果获取连接中的参数呢？具体的方法如下：

你的名字/ 2021年08月26日 18:38/ 0 赞/ 467 阅读