子页面向父页面传值

a:父页面
b:子页面

由b页面向a页面传递值

方法1:

子页面的js方法

        openDialog:function (val) {
        	app.article = val;
            //将json串赋给父级窗体元素
            window.parent.test(JSON.stringify(app.article)); // 这里传递的值最好是string,json对象容易出错
        },

父页面:方法写在全局的方法里
在这里插入图片描述
父页面如果用的是vue,也可以直接写在js文件里。注这里方法要写到整个var app = new Vue({})之外
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190718

方法二:
子页面js
原理:在父页面写两个标签,一个input用来存贮数据,一个当子页面传递值得时候用来触发click事件,以得到子页面传递给父页面中得值

 /** 打开弹框显示原文 */
        openDialog:function (val) {
        	app.article = val;
            //将json串赋给父级窗体元素:注,这里传递得值如果是对象就会报错(被这个问题坑了好长时间)
            window.parent.document.getElementById('parentinput').value= JSON.stringify(app.article);
            // addTabpp是父级窗体中 写有onclick方法的元素
            window.parent.document.getElementById('parenta').click();
        },

父页面html代码:

<input type="text" id="parentinput" value="inputvalue" style="opacity:0;">
    <a href="javascript:void(0);" id="parenta" @click="parentclick()" style=”opacity:0;">          
        &nbsp;</a>

父页面js

  parentclick:function () {
            var a=document.getElementById("parentinput").value;
            console.log(typeof a);
            console.log(JSON.parse(JSON.stringify(a)));
        },
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值