vue 获取url参数、get参数返回数组的操作

2024-07-29 11:07:51

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

Vue.prototype.$url=function(){
  var url = decodeURIComponent(location.search); //获取url中"?"符后的字串
  var theRequest = new Object();
  if (url.indexOf("?") != -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('[?|&]' + 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 )

以上这篇vue 获取url参数、get参数返回数组的操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

VueJS 取得 URL 参数值的方法

先给大家介绍下VueJS取得URL参数 vuejs取得URL中参数的值地址:http://localhost:3333/#/index?id=001 结果:001 console.log(this.$route.query.id) PS:下面给大家介绍下vue自定义表单生成器可根据json参数动态生成表单效果介绍 form-create 是一个可以通过 JSON 生成具有动态渲染.数据收集.验证和提交功能的表单生成器.并且支持生成任何 Vue 组件.结合内置17种常用表单组件和自定义组件,再
vue 获取url里参数的两种方法小结

我就废话不多说了,大家还是直接看代码吧~ 第一种: const query = Qs.parse(location.search.substring(1)) let passport = query.passport; 第二种: var query=this.$route.query; let lat = query.lat; 补充知识:Vue通过query获取路由参数现在来讲Vue通过query获取路由参数可以看见com1组件里的路由参数为 name=zhangsan&job=teache
详解vue 路由跳转四种方式 (带参数)

1. router-link 1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意:router-link中链接如果是'/'开始就是从根路由开始,如果开始不带'/',则从当前路由开始. 2.带参数 <router-link :to="{name:'home', para
vue遍历对象中的数组取值示例

前几天小项目,没考虑周全,让后端改接口,改成数组中包含对象中包含数组的形式,后来越琢磨越不对,后台把所有数据放在了一个对象里,我拿弹窗数据不好拿,索性又改了回来,把后端折腾够呛,自己也折腾够呛,发上来,以示警戒改前拿数据 <div class='your-container'> <div class="sortText"> <div>综合排序</div> <div class="sortHot" @click=
Vue项目获取url中的参数(亲测可用)

目录情况一:内部页面之间互相传值情况二:外部跳转VUE项目时自带参数 1 获取?后面的参数 2 获取不带?的URL中的参数亲测可用,若有疑问请私信获取url参数有两种情况: 情况一:内部页面之间互相传值这里先讲情况一,因为同一项目内互相传值比较简单,假如要从A页面跳转到B页面,并传值.就要在A页面这么写 this.$router.push({name:"B",query:{ Id : this.tId , ... }}) 进入B页面之后,在B页面内这么写 this.Id =
vue 获取url参数、get参数返回数组的操作

这是vue过滤器获取url参数,返回数组 Vue.prototype.$url=function(){ var url = decodeURIComponent(location.search); //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&&quo
浅析JS获取url中的参数实例代码

js获取url中的参数代码如下所示,代码简单易懂,附有注释,写的不好还请见谅! function UrlSearch() { var name, value; var str = location.href; //取得整个地址栏 var num = str.indexOf("?") str = str.substr(num + 1); //取得所有参数 stringvar.substr(start [, length ] var arr = str.split("&&
使用JavaScript获取URL中的参数(两种方法)

本文给大家分享两种方法使用js获取url中的参数,其中方法二是使用的正则表达式方法,大家可以根据需要选择比较好的方法,废话不多说了,直接看详细介绍吧. 方法一: //取url参数 var type = request("type") function request() { var query = location.search; var paras = arguments[0]; if (arguments.length == 2) { query = arguments[1]; }
python 获取url中的参数列表实例

Python的urlparse有对url的解析,从而获得url中的参数列表 import urlparse urldata = "http://en.wikipedia.org/w/api.php?action=query&ctitle=FA" result = urlparse.urlparse(urldata) print result print urlparse.parse_qs(result.query) 输出: ParseResult(scheme='http',
array_values()在php中返回数组的操作实例

在对数组的一些操作上,有些人对于键值方面不太理解.为了方便大家能够更好地对一些值进行返回,本篇带来了array_values() 函数进行介绍,使用后能直接返回数组.下面我们就array_values()函数的定义.语法.参数.返回值.实例进行介绍,一起都来看看返回数组的方法吧. 1.定义 array_values() 函数返回一个包含给定数组中所有键值的数组,但不保留键名. 2.语法 array_values(array) 3.参数 array 4.返回值返回包含数组中所有的值的数组. 5.
JavaScript获取Url里的参数

最近开发的项目需要用JavaScript读取Url字符串里的参数的值通过查找资料和自己的试验,总算成功脚本如下: 复制代码代码如下: <script type="text/javascript"> function GetRequest(strName) { var strHref = window.location.href; //获取Url字串 var intPos = strHref.indexO
js获取url中的参数且参数为中文时通过js解码

如果传递的参数是: 复制代码代码如下: <a href="${pageContext.request.contextPath}/productdisplay/productDisplay_productDisplayUI.action?pkId=${pkId}&name=${name}" style="color:white; margin-top:10px; margin-bottom:10px;">${name}</a> 获取u
javascript获取url上某个参数的方法

复制代码代码如下: function GetUrlMenuCode() { var url = window.location.href; var parameter = url.substring(url.indexOf('?') + 1); parameter = parameter.split('&'); var reg = /MenuCode=/g; var menuCode = ""; for (var i = 0; i < parameter.length;

vue 获取url参数、get参数返回数组的操作

相关推荐

随机推荐