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_03_javascript全局观
Oct 11 Javascript
js中将字符串转换成json的三种方式
Jan 12 Javascript
jquery渐隐渐显的图片幻灯闪烁切换实现方法
Feb 26 Javascript
javascript中this指向详解
Apr 23 Javascript
Vuejs第九篇之组件作用域及props数据传递实例详解
Sep 05 Javascript
JS不完全国际化&amp;本地化手册 之 理论篇
Sep 27 Javascript
Angular 输入框实现自定义验证功能
Feb 19 Javascript
关于echarts在节点显示动态数据及添加提示文本所遇到的问题
Apr 20 Javascript
使用puppeteer爬取网站并抓出404无效链接
Dec 20 Javascript
vue2.0 获取从http接口中获取数据,组件开发,路由配置方式
Nov 04 Javascript
微信小程序开发中var that =this的用法详解
Jan 18 Javascript
我所理解的JavaScript中的this指向
Sep 04 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
通过ICQ网关发送手机短信的PHP源程序
2006/10/09 PHP
探讨php中遍历二维数组的几种方法详解
2013/06/08 PHP
php中单个数据库字段多列显示(单字段分页、横向输出)
2014/07/28 PHP
php实现mysql备份恢复分卷处理的方法
2014/12/26 PHP
PHP实现对png图像进行缩放的方法(支持透明背景)
2015/07/15 PHP
基于swoole实现多人聊天室
2018/06/14 PHP
基于jquery的回到页面顶部按钮
2011/06/27 Javascript
js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
2012/12/17 Javascript
自己封装的常用javascript函数分享
2015/01/07 Javascript
javascript每日必学之基础入门
2016/02/16 Javascript
浅析AngularJS中的指令
2016/03/20 Javascript
js简单时间比较的方法
2016/08/02 Javascript
微信小程序 地图map详解及简单实例
2017/01/10 Javascript
JavaScript 事件流、事件处理程序及事件对象总结
2017/04/01 Javascript
node使用UEditor富文本编辑器的方法实例
2017/07/11 Javascript
解决Vue页面固定滚动位置的处理办法
2017/07/13 Javascript
浅谈Vue.js应用的四种AJAX请求数据模式
2017/08/30 Javascript
vue实现图书管理demo详解
2017/10/17 Javascript
怎样使你的 JavaScript 代码简单易读(推荐)
2019/04/16 Javascript
js事件触发操作实例分析
2019/06/21 Javascript
js 下拉菜单点击旁边收起实现(踩坑记)
2019/09/29 Javascript
复制粘贴功能的Python程序
2008/04/04 Python
Python实现的一个简单LRU cache
2014/09/26 Python
Python编程中归并排序算法的实现步骤详解
2016/05/04 Python
浅谈python抛出异常、自定义异常, 传递异常
2016/06/20 Python
python实现微信自动回复机器人功能
2019/07/11 Python
Pytorch中膨胀卷积的用法详解
2020/01/07 Python
django 数据库返回queryset实现封装为字典
2020/05/19 Python
python:HDF和CSV存储优劣对比分析
2020/06/08 Python
tensorflow 动态获取 BatchSzie 的大小实例
2020/06/30 Python
HTML5 source标签:媒介元素定义媒介资源
2018/01/29 HTML / CSS
浅谈html5与APP混合开发遇到的问题总结
2018/03/20 HTML / CSS
RentCars.com巴西:汽车租赁网站
2016/08/22 全球购物
医学院四年学习生活的自我评价
2013/11/06 职场文书
校车安全管理责任书
2015/05/11 职场文书
运动会广播稿20字
2015/08/19 职场文书