vue获取url地址中的参数

首先获取到url地址

let geturl = window.location.href 
// http://localhost:8081/#/pages/index/index?qycode=1001&qyname=%E4%BC%81%E4%B8%9A%E5%BF%99

方式一

let getqyinfo = geturl.split('?')[1]   //qycode=1001&qyname=%E4%BC%81%E4%B8%9A%E5%BF%99   截取到参数部分
let getqys = new URLSearchParams('?'+getqyinfo)  //将参数放在URLSearchParams函数中
let getqycode = getqys.get('qycode')   //1001   
let getqyname = getqys.get('qyname')  //%E4%BC%81%E4%B8%9A%E5%BF%99

方式二

let getqyinfo = geturl.split('?')[1]   //qycode=1001&qyname=%E4%BC%81%E4%B8%9A%E5%BF%99
let getqys = getqyinfo.split('&')  //['qycode=1001', 'qyname=%E4%BC%81%E4%B8%9A%E5%BF%99%E5%95%8A%E5%95%8A%E5%95%8A']
let getqycode =  getqys[0].split('=')[1]
let getqyname = getqys[1].split('=')[1] 
console.log('qycode:',getqycode,'getqyname:',getqyname)

方式三

let getqyinfo = geturl.split('?')[1]
let getqys = getqyinfo.split('&')
let obj = {}  //创建空对象,接收截取的参数
for(let i = 0;i < getqys.length;i++ ){console.log(i)let item = getqys[i].split('=')let key = item[0]let value = item[1]obj[key] = value 
}
console.log(obj) 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/515222.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

开放下载!《深入浅出玩转物联网平台》

物联网正在迅速发展、势不可当&#xff0c;企业或创业者该如何面对&#xff1f; 本书从实际需求出发&#xff0c;分为上下两卷&#xff0c;和读者一起从多角度认识物联网。作者从复杂的IoT产业链中&#xff0c;选取了多个经典案例结合知识点进行分类总结&#xff0c;集结成此书…

max virtual memory areas vm.max_map_count [65530] is too low, increase to at least [262144]

解决方案 cat /proc/sys/vm/max_map_count vim /etc/sysctl.conf添加一行&#xff1a; vm.max_map_count262144更新配置 sysctl -p cat /proc/sys/vm/max_map_count

从电源问题出发,带你揭秘新体系结构范式 COA

简介&#xff1a; 本文整理自 2020 年云原生微服务大会主论坛白海石的分享《Capability Oriented Architecture for cloud and edge》&#xff0c;主要介绍了一种新的体系结构范式——面向能力的体系结构&#xff08;COA&#xff09;&#xff0c;旨在为跨云和边缘的分布式、自适…

从蜜罐新技术看欺骗防御发展走向

随着攻防演习日益实战化、常态化使得蜜罐从十几年的老安全技术焕发新春&#xff0c;基于蜜罐演进而来的欺骗防御也因此而名声大噪&#xff0c;越来越多的安全厂商已经将资源投入到此技术领域。在最近信通院组织的蜜罐产品能力评测中&#xff0c;参与的主流厂商有36家之多。蜜罐…

对话 Dubbo 唤醒者北纬:3.0 将至,阿里核心电商业务也在用 Dubbo

简介&#xff1a; 如今&#xff0c;Dubbo 已经毕业一年&#xff0c;越来越多开发者开始询问 Dubbo 3.0 到底有哪些变化&#xff0c;阿里巴巴内部到底用不用 Dubbo&#xff0c;这是不是一个 KPI 开源项目以及 Dubbo 和 Spring Cloud 之间到底是什么关系。本文&#xff0c;将独家…

分布式ELK+KAFKA日志采集 docker-compose

文章目录一、安装docker-compose插件1. 下载docker-compose插件2. 赋予权限二、搭建ELKKAFKA环境2.1. 编写docker-compose2.2. 启动docker-compose2.3. 验证效果2.4. 安装logstash三、微信项目投递消息kafka3.1. 微信集成kafka3.2. 配置kafka3.3. aop拦截3.4. 消息投递3.5. 测试…

java安全编码指南之:基础篇

简介&#xff1a; 作为一个程序员&#xff0c;只是写出好用的代码是不够的&#xff0c;我们还需要考虑到程序的安全性。在这个不能跟陌生人说话世界&#xff0c;扶老奶奶过马路都是一件很困难的事情。那么对于程序员来说&#xff0c;尤其是对于开发那种对外可以公开访问的网站的…

Gartner:70%新应用由低代码开发,AI热潮后小数据崛起

作者 | 宋慧 出品 | CSDN云计算 头图 | 付费下载于东方IC 国际研究机构Gartner在近日发布了2021年十大数据和分析趋势。纵观这十个趋势&#xff0c;基本可以归纳为三类主题&#xff0c;分别是&#xff1a; 加速数据和分析变革&#xff1a;运用AI创新、经过改进的可组合性以及…

Sentinel 1.8.0 年度版本发布,熔断降级重构升级!

在经过数月的打磨后&#xff0c;Sentinel 1.8.0 版本正式发布&#xff01;该版本是本年度最重要的版本之一&#xff0c;包含大量特性改进与 bug 修复&#xff0c;尤其是针对熔断降级特性的完善升级&#xff08;支持任意统计时长、慢调用比例降级策略、熔断器事件监听&#xff0…

清华大学-美团数字生活联合研究院成立

转载自清华新闻网 4月12日&#xff0c;清华大学-美团数字生活联合研究院&#xff08;以下简称“清华美团数字生活研究院”&#xff09;揭牌仪式暨管委会第一次会议在清华大学举行。仪式上&#xff0c;清华大学副校长杨斌与美团联合创始人王慧文共同为联合研究院揭牌。 杨斌表…

SpringCloud 应用在 Kubernetes 上的最佳实践 — 高可用(熔断)

前言 阿里巴巴十多年的双十一&#xff0c;锤炼出来了一套业界领先的高可用技术&#xff0c;有一些已经商业化&#xff08;云产品 PTS、AHAS&#xff09;&#xff0c;也有的开源了如&#xff1a;Sentinel、ChaosBlade。我们这一系列的高可用章节也主要介绍这方面的内容。今天介…

shadingjdbc实战分表分库

文章目录一、问题汇总1. 水平与垂直拆分之间的区别&#xff1f;2. 单表达到多大量开始进行分库分表&#xff1f;3. 基于客户端与服务端实现分表分库区别&#xff1f;4. 数据库分表分库策略有哪些&#xff1f;5. 自定义范围分表算法实现分表?二、整合ShardingSphere实现分表2.1…

阿里云机器学习怎么玩?这本新手入门指南揭秘了!

想知道我是怎样免费在阿里云上玩机器学习的吗&#xff1f; 不慌&#xff0c;这就告诉你答案~ 它来了--阿里云向个人免费开放云端深度学习开发环境DSW&#xff08;DataScienceWorkshop&#xff09;&#xff0c;还有免费GPU资源可以使用&#xff0c;实验的数据还会免费保存30天&a…

华为庞鑫:闪存3.0时代,四大变化激发全闪存数据中心潜能释放

从2005年到2019年间&#xff0c;中国数字经济总体规模由2.6万亿元增加至35.8万亿元&#xff0c;数字经济在GDP的占比也由14.2%提升至36.2%。随着数字经济蓬勃发展&#xff0c;数据也成为当之无愧的关键生产要素&#xff0c;是基础性资源和战略性资源。数据洪流的到来进一步驱动…

基于RabbitMQ订单未支付30分钟自动取消

文章目录一、原理实现1. 超时消费流程图2. 死信队列的架构原理3. 订单超时30分钟实现原理二、核心代码实战2.1. 记录订单待支付数据2.2. 超时消费者监听2.3. 订单核对校验一、原理实现 1. 超时消费流程图 2. 死信队列的架构原理 相同点&#xff1a; 死信队列和普通队列区别不…

蚂蚁mPaaS:有人修建高楼,有人重构城市

简介&#xff1a; 纵览这时代的先声&#xff0c;在高楼之巅&#xff0c;在海天之外。 2018年2月&#xff0c;春运拉开序幕。 这是人类史上最大规模的迁徙活动&#xff0c;3.82亿人坐进车厢&#xff0c;被31万趟车次送往不同的目的地。如果有一台摄影机从高空对准中国大地&…

全场景闪存加速、全场景数据保护,华为助力医院实现智能化转型

数字经济时代的来临&#xff0c;是影响当今医疗健康服务领域最重要的大趋势。在这种大背景下&#xff0c;新时期的智能医疗必将在医疗行业内掀起一阵浪潮。2020年&#xff0c;新冠疫情的肆虐势必推进浪潮的提前到来。 首都医科大学附属北京同仁医院&#xff0c;始建于1886年&a…

从Cloudflare事件,看DNS服务的重要性

简介&#xff1a; 美国时间7月17日&#xff0c;美国知名的网络安全服务提供商Cloudflare&#xff0c;出现了突发网络服务故障。通过这个事件&#xff0c;和大家聊聊关于网络安全稳定的思考&#xff0c;以及稳定、安全的DNS服务的重要性。 7.17事件 美国时间7月17日下午&#…

基于Redis订单未支付30分钟自动取消

文章目录一、原理实现1. 超时消费流程图2. 订单超时30分钟实现原理二、核心代码实战2.1. 记录订单待支付数据2.2. redis配置2.3. 超时消费者监听一、原理实现 1. 超时消费流程图 2. 订单超时30分钟实现原理 ①用户下单之后&#xff0c;投递一个订单号码存放到redis服务端&…

面向 K8s 设计误区

作者 | 姬望来源 | 阿里巴巴中间件头图 | 下载于视觉中国K8s 设计模式Kubernetes 是一个具有普遍意义的容器编排工具&#xff0c;它提供了一套基于容器构建分布式系统的基础依赖&#xff0c;其意义等同于 Linux 在操作系统中的地位&#xff0c;可以认为是分布式的操作系统。自定…