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)

vue获取url地址中的参数相关推荐

JavaScript获取Url地址中的指定参数
JavaScript获取Url地址中的指定参数 var url = "https://codemank23.com?username=kkk&scope=1";if (ur ...
jquery如何获取iframe地址中的参数
对这样的需求,小编开发中也遇到了不少次了,我们经常会用到iframe弹出一个弹出框,有时候我们会因为需求而获取弹出框中地址中的参数,那么如何获取iframe地址中的参数呢? 如上图,若想要获取Cour ...
PHP实现获取url地址中一级域名
本文实例讲述了PHP实现获取url地址中顶级域名的方法.分享给大家供大家参考,具体如下:parse_url()获取到的host时多级域名,如:mp.weixin.qq.com.做域名黑名单的时候我们需 ...
C# 获取URL地址中文件名
添加引用 System.Web using System.Web/// <summary>/// 获取URL地址中文件名/// </summary>/// <param ...
Javascript 获取url路径中的参数
需求假设骑在路径:https://localhost/zhaopin?name=aa&age=18&state=2,现在要获取url中各参数的值,比如:当请求name时获取到aa,当 ...
gitclone 一个tag的地址_获取Url地址中参数的几种方法
获取Url的代码如下:window.location.href; 方法一:原生js(假设已经获得了Url地址) 总结:主要思路就是将Url用split()分割成不同的块,返回值为一个数组,一直分割到为 ...
获取Url地址中参数的3种方法
获取Url的代码如下:window.location.href; 方法一:原生js(假设已经获得了Url地址) var url = 'https://gitbook.cn/gitchat/geekbo ...
vue 获取url地址的参数_2020年 vue常见面试问题总结(干货)！
1.什么是mvvm模式,谈谈你的理解? MVVM - Model View ViewModel,数据,视图,视图模型 view 可以通过事件绑定的方式影响 model, model 可以通过数据 ...
vue 获取url地址的参数_Vue之vuerouter的使用
1. 什么是vue-router? 所谓的vue-router, 通俗的来讲就是路由但是这个和后端路由是不同的, 这是前端路由,是url和单页面组件的对应关系, 也就是SPA(单页应用)的路径管理 ...

vue获取url地址中的参数

vue获取url地址中的参数相关推荐

最新文章

热门文章