vue 获取页面路径中的参数(h5)

最新推荐文章于 2025-09-27 14:14:13 发布

原创最新推荐文章于 2025-09-27 14:14:13 发布 · 2.3k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #html5

博客主要讲述要制作一个用于打开app的h5页面，当前任务是获取url携带的参数，涉及前端开发相关内容。

今天要做一个h5页面,用来打开app的,现在要获取url带的参数

created() {
	const queryUrl = this.getRequest()
	let urlParams = Object.assign(queryUrl, this.$route.query) //参数合并
	if (urlParams.id) {//id是路径带的参数
		console.log('urlParams ==>', queryUrl.id)
		this.id = queryUrl.id
	};
	this.downApp();
},
methods: {
	getRequest() {
		var url = decodeURIComponent(location.search);
		var theRequest = new Object();
		if (url.indexOf("?") != -1) {
			var str = url.substr(1);
			var strs = str.split("&");
			for (var i = 0; i < strs.length; i++) {
				theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
			}
		}
		return theRequest;
	},
}