vue截取路由(链接地址栏)参数

原创已于 2023-07-20 16:32:04 修改 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

于 2021-06-01 17:23:57 首次发布

经验分享同时被 2 个专栏收录

149 篇文章

订阅专栏

vue

136 篇文章

订阅专栏

博客围绕JavaScript开发语言展开，涉及ECMAScript相关内容。JavaScript是重要的开发语言，在前端开发等领域应用广泛，ECMAScript则为其提供了标准规范。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

	methods:{
	//获取链接参数
				getRequest() {
					var url = window.location.href;
					var theRequest = new Object();
					if (url.indexOf("?") != -1) {
						var str = url.split("?")[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;
				},
//id与name为地址栏参数
//使用id:this.getRequest()['id']
//使用name:this.getRequest()['name']
			// 获取图文快讯分页
				getGraphicList() {
					showLoading();
					let {
						page,
						pageSize
					} = this;
					getGraphicList({
						graphicInformationId: this.getRequest()['id'],//使用id
						page,
						pageSize
					}).then(res => {
						hideLoading();
						let {
							code,
							data
						} = res;
						if (code === 0 && data && data.list && data.list.length) {
							this.picWordList = [...this.picWordList, ...data.list];
							this.totalPage = data.pagination.totalPage;
							this.shareOut();
						}
					}).catch(() => {})
					// },

				},
}