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 parentElement和offsetParent之间的区别
Mar 23 Javascript
JS中如何设置readOnly的值
Dec 25 Javascript
jquery遍历checkbox介绍
Feb 21 Javascript
jquery如何把数组变为字符串传到服务端并处理
Apr 30 Javascript
JavaScript用Number方法实现string转int
May 13 Javascript
jquery实现点击弹出带标题栏的弹出层(从右上角飞入)效果
Sep 19 Javascript
JS组件Form表单验证神器BootstrapValidator
Jan 26 Javascript
理解javascript中的闭包
Jan 11 Javascript
JavaScript实现简单的星星评分效果
May 18 Javascript
使用Fullpage插件快速开发整屏翻页的页面
Sep 13 Javascript
jquery获取input输入框中的值
Nov 13 jQuery
JavaScript中break、continue和return的用法区别实例分析
Mar 02 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的array_multisort()使用方法介绍
2012/05/16 PHP
CodeIgniter删除和设置Cookie的方法
2015/04/07 PHP
PHP测试成功的邮件发送案例
2015/10/26 PHP
关于PHP定时发送服务的解决办法
2017/04/23 PHP
PHP+Ajax简单get验证操作示例
2019/03/02 PHP
PHP语言对接抖音快手小红书视频/图片去水印API接口源码
2020/08/11 PHP
js新闻滚动 js如何实现新闻滚动效果
2013/01/07 Javascript
基于iframe实现类似于ajax的页面无刷新
2014/05/31 Javascript
js使用正则实现ReplaceAll全部替换的方法
2014/08/22 Javascript
javascript实现限制上传文件大小
2015/02/06 Javascript
Jquery插件实现点击获取验证码后60秒内禁止重新获取
2015/03/13 Javascript
全面解析Bootstrap中transition、affix的使用方法
2016/05/30 Javascript
AngularJS基础 ng-copy 指令实例代码
2016/08/01 Javascript
原生js实现淘宝购物车功能
2020/06/23 Javascript
JS实现图片居中悬浮效果
2017/12/25 Javascript
不到200行 JavaScript 代码实现富文本编辑器的方法
2018/01/03 Javascript
webstrom Debug 调试vue项目的方法步骤
2018/07/17 Javascript
详解element-ui日期时间选择器的日期格式化问题
2019/04/08 Javascript
vue+element搭建后台小总结 el-dropdown下拉功能
2020/04/10 Javascript
你可能从未使用过的11+个JavaScript特性(小结)
2020/01/08 Javascript
viewer.js实现图片预览功能
2020/06/24 Javascript
Python的lambda匿名函数的简单介绍
2013/04/25 Python
python基于itchat实现微信群消息同步机器人
2017/02/27 Python
python opencv实现图片旋转矩形分割
2018/07/26 Python
python中的不可变数据类型与可变数据类型详解
2018/09/16 Python
python 生成图形验证码的方法示例
2018/11/11 Python
Python matplotlib绘制图形实例(包括点,曲线,注释和箭头)
2020/04/17 Python
python爬取youtube视频的示例代码
2021/03/03 Python
JSP&Servlet技术面试题
2015/05/21 面试题
保安员岗位职责
2013/11/17 职场文书
大学生村官心得体会范文
2014/01/04 职场文书
餐饮收银员岗位职责
2014/02/07 职场文书
2014年后勤工作总结范文
2014/12/16 职场文书
员工离职感谢信
2015/01/22 职场文书
springboot+VUE实现登录注册
2021/05/27 Vue.js
MySQL 5.7常见数据类型
2021/07/15 MySQL