对于iframe嵌套页面的跳转,以及携带参数,在目标页接受参数的问题

跳转

在这里插入图片描述
打开源码可以看到 每个子页面的路由都是类似的

 window.parent.document.getElementById('frame-dft').src='/indexCreate'

只需要在事件里面重新设置src的参数就可以

携带参数

在src的后面可以拼接参数

  window.parent.document.getElementById('frame-dft').src='/indexCreate?indexName='+row.indexName+'&indexCode'+row.indexCode

以 ‘?’ 为起始标志 , 格式类似于键值对, 每个参数以 '&'隔开

目标页接收携带的数据

			let url = location.search; //获取url中"?"符后的字串if(url.length>0){ //判断是否携带参数let params = {};if (url.indexOf('?') != -1) {this.isShwoInput=true;let str = url.substr(url.indexOf('?') + 1);let strs = str.split('&');for (let i = 0; i < strs.length; i++) {params[strs[i].split('=')[0]] = decodeURI(strs[i].split('=')[1]);}}// return params;console.log(params);

效果图
在这里插入图片描述
目标页面
在这里插入图片描述


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部