美文网首页
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