2020-11-20 获取浏览器Url地址栏参数的简单函数 变为格式为{参数名:参数值,参数名:参数值} 本文引用了lodash

获取浏览器Url地址栏参数的简单函数     变为格式为{参数名:参数值,参数名:参数值}    本文引用了lodash    

例:   127.0.0.1:7001/ index.html#/?name=张三&age=18&sex=男
引入方法    import _ from "lodash"

export   default   function getUrl(){

        let  url = window.location.href  //获取整个url为字符串

        let  urlList = _.split ( url , " #/ " ) [ 1 ]    //拿到域名后面所有的参数

        let splitUrl = _.split(_.drop(_.split(urlList , "?")), "&")

        let  newproject = { }   //存储处理好的对象数据        

        splitUrl.map((item, index) => {

              return newproject[_.split(item, "=")[0]] = _.split(item, "=")[1]

       })

      return newproject

}

 

返回结果是{ "name" : "张三" , "age" : "18" , "sex" : "男"  }

 

使用方法:  import getUrl from "函数存在的路径"

 

getUrl().name     则会出现url地址上面的参数   "张三" 

注意⚠️   无法处理多个问号问题