Vue中使用getUrlParam()方法来获取URL的值

心已赠人 2024-04-18 09:35 69阅读 0赞

## Vue中使用getUrlParam()方法来获取URL的值 ##

首先建一个GetUrlParam.js，然后在需要的页面中引入使用：

GetUrlParam.js

export  function getUrlParam(name) {
      return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || null
    }

引用

import { getUrlParam } from “…/components/GetUrlParam”;

使用：

let id = getQueryString(“ryid”); //参数名1
    let model = getUrlParam(“model”); //参数名2
    console.log( id )
    console.log( model )

**或者**

编写编辑页面时候，没有引入getUrlParam（）的js代码，导致编辑页面无法获取地址栏的URL参数无法获取值，加入下面这个js引用就好了。

<script type="text/javascript" src="/js/common.js"></script>

下面是getUrlParam（）的实现代码：

//获取地址栏url后的参数值
    function getUrlParam(key) {
       var href = window.location.href;
       var url = href.split("?");
       if(url.length <= 1){
          return "";
       }
       var params = url[1].split("&");
       
       for(var i=0; i<params.length; i++){
          var param = params[i].split("=");
          if(key == param[0]){
             return param[1];
          }
       }
    }

发表评论取消回复

表情：

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

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

相关阅读

相关 Vue中使用getUrlParam()方法来获取URL的值

Vue中使用getUrlParam()方法来获取URL的值首先建一个GetUrlParam.js，然后在需要的页面中引入使用： GetUrlParam.js ...

心已赠人/ 2024年04月18日 09:35/ 0 赞/ 70 阅读

相关使用jquery获取url及url参数的方法。

使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作 1、jquery获取url很简单，代码如下： window.location.h

秒速五厘米/ 2024年02月18日 23:02/ 0 赞/ 113 阅读

相关使用js获取Url中参数的值

//paraName是url的key function getUrlParam(paraName) { var url = document.l

Love The Way You Lie/ 2023年11月29日 06:39/ 0 赞/ 308 阅读

相关获取url中传递的参数值

$().ready(function(){ var url = "http://zhidao.baidu.com/link?url=dYuZUoUbaHi

超、凢脫俗/ 2022年08月09日 14:48/ 0 赞/ 249 阅读

相关 js获取Url中参数值

有时候我们在网页上需要获取url中某个参数的值，如http:www.test.com/index.html?value1=1&value2=2；这时需要获取value1或

刺骨的言语ヽ痛彻心扉/ 2022年07月28日 05:07/ 0 赞/ 337 阅读

相关 JS获取URl值

有的时候，我们需要在静态界面传递值，那么可用以下方法在另外一个静态界面去获取。例如：url：www.tkres.cn/test.html?name=pengke 那么在t

以你之姓@/ 2022年05月21日 02:55/ 0 赞/ 267 阅读

相关使用jquery获取url及url参数的方法

1、jquery获取url很简单，代码如下： window.location.href; 其实只是用到了javascript的基础的window对象，并没有用jqu

傷城~/ 2022年05月10日 23:24/ 0 赞/ 368 阅读

相关 jquery获取url参数getUrlParam

//用于取路径上面传过来的值 $.getUrlParam = function getUrlParam(name) { // 构造一个含有目

布满荆棘的人生/ 2022年03月29日 13:38/ 0 赞/ 568 阅读

相关 js获取url参数值的方法总结

1、方式一：通过字符串截取的方式获取参数值；　　1）、函数一：获取URL中的参数名及参数值的集合 1 / 2 [获取URL中的参数名及参数值的

冷不防/ 2021年11月05日 02:18/ 0 赞/ 506 阅读

相关详解js获取url参数值的方法

js获取url参数值的方法 Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。 hash：设置或返回从井号 (#...

小灰灰/ 2020年06月17日 16:38/ 0 赞/ 913 阅读