截取url参数

❍❏❐❑❒❖❘❙❚

于 2019-06-06 09:10:22 发布

阅读量539

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_44636778/article/details/91038488

本文介绍了一种在JavaScript中解析URL参数的方法，并将其值通过Vue.js挂载为全局变量，便于在项目中任意位置获取。首先，在assets/js目录下创建urlSearch.js文件，用于解析URL参数。然后，在main.js中引入并实例化该方法，通过Vue.prototype将其实例挂载为全局变量$Request。最后，在项目中通过this.$Request.参数名的形式获取参数值。

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

1：在js文件夹新建一个js文件，文件夹放在assets目录下，js文件名随意，我的是urlSearch.js
2：js文件内容如下

var str = location.href,
            name,
            value,
            num = str.indexOf("?")
        str = str.substr(num + 1)
        var arr = str = str.split("&")
        console.log(arr)
        for(let i = 0; i < arr.length; i ++){
            num = arr[i].indexOf("=");
            if(num > 0){
                name = arr[i].substring(0,num);
                value = arr[i].substr(num + 1);
                // this[name] = value
            }
            // console.log(name,value)
        }

3：在main.js文件引入该文件,并且实例化方法，然后方法挂在到原型上

import { UrlSearch } from './assets/js/urlSearch'
let Request = new UrlSearch()
Vue.prototype.$Request = Request;

4：然后在任意页面便可通过this.$Request.参数的key来获取他的value值，比如

url = "https://www.baidu.com/s?wd=nba"

那么this.$Request.wd = nba