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 相关文章推荐
js版本A*寻路算法
Dec 22 Javascript
用javascript实现给出的盒子的序列是否可连为一矩型
Aug 30 Javascript
分享一款基于jQuery的视频播放插件
Oct 09 Javascript
jQuery中:image选择器用法实例
Jan 03 Javascript
怎么引入(调用)一个JS文件
May 26 Javascript
原生Javascript和jQuery做轮播图简单例子
Oct 11 Javascript
vue+vuex+axio从后台获取数据存入vuex实现组件之间共享数据
Apr 22 Javascript
利用JS做网页特效_大图轮播(实例讲解)
Aug 09 Javascript
jQuery实现的弹幕效果完整实例
Sep 06 jQuery
JQuery样式操作、click事件以及索引值-选项卡应用示例
May 14 jQuery
mpvue微信小程序的接口请求fly全局拦截代码实例
Nov 13 Javascript
如何基于JavaScript判断图片是否加载完成
Dec 28 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
PHP 表单提交给自己
2008/07/24 PHP
php的webservice的wsdl的XML无法显示问题的解决方法
2014/03/11 PHP
Yii2中多表关联查询hasOne hasMany的方法
2017/02/15 PHP
JS效率个人经验谈(8-15更新),加入range技巧
2007/01/09 Javascript
js form 验证函数 当前比较流行的错误提示
2009/06/23 Javascript
javascript Keycode对照表
2009/10/24 Javascript
JavaScript操纵窗口的方法小结
2013/06/28 Javascript
window.onresize 多次触发的解决方法
2013/11/08 Javascript
jquery自动切换tabs选项卡的具体实现
2013/12/24 Javascript
jQuery实现拖拽效果插件的方法
2015/03/23 Javascript
jquery采用oop模式class类的使用示例
2016/01/22 Javascript
浅析Nodejs npm常用命令
2016/06/14 NodeJs
使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条
2017/01/04 Javascript
原生js简单实现放大镜特效
2017/05/16 Javascript
Vue项目webpack打包部署到服务器的实例详解
2017/07/17 Javascript
Angular实现下拉框模糊查询功能示例
2018/01/03 Javascript
iview Upload组件多个文件上传的示例代码
2018/09/30 Javascript
详解Vue基于vue-quill-editor富文本编辑器使用心得
2019/01/03 Javascript
vue项目中使用vue-i18n报错的解决方法
2019/01/13 Javascript
TypeScript中使用getElementXXX()的示例代码
2019/09/12 Javascript
[01:56]《DOTA2》中文配音CG
2013/04/22 DOTA
[08:06]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Elephant 选手采访
2021/03/11 DOTA
Python基于list的append和pop方法实现堆栈与队列功能示例
2017/07/24 Python
python将字符串以utf-8格式保存在txt文件中的方法
2018/10/30 Python
pandas读取CSV文件时查看修改各列的数据类型格式
2019/07/07 Python
Python3之乱码\xe6\x97\xa0\xe6\xb3\x95处理方式
2020/05/11 Python
Python闭包及装饰器运行原理解析
2020/06/17 Python
Python map及filter函数使用方法解析
2020/08/06 Python
纯CSS3实现运行时钟的示例代码
2021/01/25 HTML / CSS
介绍一下Mysql的存储引擎
2015/02/12 面试题
就业推荐表自我鉴定范文
2014/03/21 职场文书
综合内勤岗位职责
2014/04/14 职场文书
解除聘用合同证明书范本
2014/09/11 职场文书
2016大一新生入学教育心得体会
2016/01/23 职场文书
pytorch实现手写数字图片识别
2021/05/20 Python
table设置超出部分隐藏,鼠标移上去显示全部内容的方法
2022/12/24 HTML / CSS