vue项目中如何实现获取url和get的参数

发布时间：2020-11-16 15:44:06 作者：Leah
来源：亿速云阅读：2657

今天就跟大家聊聊有关vue项目中如何实现获取url和get的参数，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

这是vue过滤器获取url参数，返回数组

Vue.prototype.$url=function(){
  var url = decodeURIComponent(location.search); //获取url中"&#63;"符后的字串
  var theRequest = new Object();
  if (url.indexOf("&#63;") != -1) {
    var str = url.substr(1);
    strs = str.split("&");
    for(var i = 0; i < strs.length; i ++) {
      theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
    }
  }
  return theRequest;
};

补充知识：vue中使用getUrlParam()方法来获取URL的值

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

GetUrlParam.js

export function getUrlParam(name) {
 return decodeURIComponent((new RegExp('[&#63;|&]' + name + '=' + '([^&;]+&#63;)(&|#|;|$)').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 )

看完上述内容，你们对vue项目中如何实现获取url和get的参数有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注亿速云行业资讯频道，感谢大家的支持。

vue项目中如何实现获取url和get的参数

相关阅读