jquery获取url中的参数和vue获取链接参数

Jquery

//这是进入页面时的调用
$(document).ready(function () {
		//使用方法, url中包含id这个参数
        var id = getUrlParam("id")
        console.log(id)
    });
//获取url中的参数
function getUrlParam(name) {
   var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
   var r = window.location.search.substr(1).match(reg);  //匹配目标参数
   if (r != null) return unescape(r[2]); return null; //返回参数值
 }
 

VUE获取链接参数

例如当前url是：https://jstest.51better.com/index.html?userId=2018180&app=baidu

• 先安装qs插件 ： npm install qs

	//在main.js 或者当前页面中引入qs
	import qs from "qs";
	//created获取参数
	created() {
    	let url = decodeURIComponent(location.search.replace(/^\?{1}/, ""));
    	this.userInfo = qs.parse(url); //将字符串转成对象
    	console.log(url); //userId=2018180&app=baidu
    	console.log(qs.parse(url)); //{userId:2018180,app:baidu}
    	console.log(qs.parse(url).userId); //2018180
    	localStorage.setItem("userInfo", JSON.stringify(this.userInfo));
	}