美文网首页
Layui父级页面向子页面传值

Layui父级页面向子页面传值

作者: 通通小小通 | 来源:发表于2019-06-23 07:55 被阅读0次

    今天刚试了一下Layui父页面往子页面传值,网上的方法也挺多,自己还是整理一下吧

    • 父页面代码
     var index = layer.open({
             type: 2,
             title: '编辑用户',
             content: '/userUpdate',
             area: ['100%', '100%'],
             success: function(layero, index){
             var iframe = window['layui-layer-iframe'+index];
             //调用子页面的全局函数
             iframe.child(需要往子页面传的值)
             }
       });
    
    • 以上代码相信大家的都可以看的懂,这里主要是success里的代码.好多人出错就出错在第二步.child是你的子页面的全局函数,一定不要忘记.好多人都出现iframe.child is not a function就是这个原因导致的

    • 子页面代码,这里注意child一定要是全局函数

    function child(data) {
        console.log(data)
    }
    

    这样就可以接受到父页面传来的参数了,写代码还是要细心一点的

    相关文章

      网友评论

          本文标题:Layui父级页面向子页面传值

          本文链接:https://www.haomeiwen.com/subject/qmzbqctx.html