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


Posted in Javascript onNovember 12, 2020

这是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参数返回数组的操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 继承详解 第一篇
Aug 30 Javascript
js监听输入框值的即时变化onpropertychange、oninput
Jul 13 Javascript
jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
Jun 04 Javascript
javascript检查浏览器是否已经启用XX功能
Jul 10 Javascript
基于jQuery通过jQuery.form.js插件使用ajax提交form表单
Aug 17 Javascript
jQuery Timelinr实现垂直水平时间轴插件(附源码下载)
Feb 16 Javascript
Javascript小技能总结(推荐)
Jun 02 Javascript
原生js实现网页顶部自动下拉/收缩广告效果
Jan 20 Javascript
vue+ElementUI实现订单页动态添加产品数据效果实例代码
Jul 13 Javascript
javascript中一些奇葩的日期换算方法总结
Nov 14 Javascript
jquery实现聊天机器人
Feb 08 jQuery
webpack安装配置与常见使用过程详解(结合vue)
Jun 01 Javascript
Vue+Spring Boot简单用户登录(附Demo)
Nov 12 #Javascript
vue 获取url里参数的两种方法小结
Nov 12 #Javascript
带你使用webpack快速构建web项目的方法
Nov 12 #Javascript
vue项目实现减少app.js和vender.js的体积操作
Nov 12 #Javascript
详解vue 组件的实现原理
Nov 12 #Javascript
Vant Weapp组件踩坑:picker的初始赋值解决
Nov 12 #Javascript
vue 图片裁剪上传组件的实现
Nov 12 #Javascript
You might like
浅析Dos下运行php.exe,出现没有找到php_mbstring.dll 错误的解决方法
2013/06/29 PHP
CodeIgniter中使用Smarty3基本配置
2015/06/29 PHP
PHP数组去重比较快的实现方式
2016/01/19 PHP
PHP实现的进度条效果详解
2016/05/03 PHP
PHP实现冒泡排序的简单实例
2016/05/26 PHP
PHP+redis实现的悲观锁机制示例
2018/06/12 PHP
PHP使用pdo实现事务处理操作示例
2018/09/05 PHP
PHP读取目录树的实现方法分析
2019/03/22 PHP
浅谈PHP5.6 与 PHP7.0 区别
2019/10/09 PHP
在IE下获取object(ActiveX)的Param的代码
2009/09/15 Javascript
JavaScript模拟重力状态下抛物运动的方法
2015/03/03 Javascript
jquery对所有input type=text的控件赋值实现方法
2016/12/02 Javascript
基于Bootstrap实现城市三级联动
2017/11/23 Javascript
详解webpack打包nodejs项目(前端代码)
2018/09/19 NodeJs
node.js使用redis储存session的方法
2018/09/26 Javascript
详解实现一个通用的“划词高亮”在线笔记功能
2019/04/23 Javascript
js实现踩五彩块游戏
2020/02/08 Javascript
[01:38]完美世界高校联赛决赛花絮
2018/12/02 DOTA
[58:54]EG vs RNG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
Python实现的计算马氏距离算法示例
2018/04/03 Python
关于tf.nn.dynamic_rnn返回值详解
2020/01/20 Python
python实现人脸签到系统
2020/04/13 Python
Python的Django框架实现数据库查询(不返回QuerySet的方法)
2020/05/19 Python
英国Amara家居法国网站:家居装饰,现代装饰和豪华礼品
2016/12/15 全球购物
使用索引有什么好处
2016/07/27 面试题
写出SQL四条最基本的数据操作语句(DML)
2012/12/12 面试题
营销总经理的岗位职责
2013/12/15 职场文书
自我反省检讨书
2014/01/23 职场文书
艺术设计专业个人求职信
2014/04/10 职场文书
促销活动总结
2014/04/28 职场文书
公司租房协议书
2014/10/14 职场文书
党员倡议书
2015/01/19 职场文书
员工考勤管理制度
2015/08/06 职场文书
大学军训通讯稿(2016最新版)
2015/12/21 职场文书
2016年公共机构节能宣传周活动总结
2016/04/05 职场文书
2019大学生社会实践报告汇总
2019/08/16 职场文书