layui弹窗间的传值（layui弹出层传值）(窗口传值)

layui弹窗间的传值（layui弹出层传值）(窗口传值)

LayUI父窗口向弹出层传递数据可以解决页面中的编辑数据的操作。点击编辑按钮，父窗口传递当前选中行当数据至弹出层，弹出层获取到父窗口传递的数据，接着在弹出层中展示出来。效果如下：

具体步骤

到LayUI官网寻找案例

代码我从LayUI官网拷贝下来了：

layer.open({
  type: 2,
  content: 'test/iframe.html',
  success: function(layero, index){
    var body = layer.getChildFrame('body', index);
    var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
    console.log(body.html()) //得到iframe页的body内容
    body.find('input').val('Hi，我是从父页来的')
  }
});       

以上代码片加入到代码中能立刻见到效果，因为==body.find(‘input’).val(‘Hi，我是从父页来的’)==这一行代码的意思为找到弹出层中的input标签，将val赋值为“Hi，我是从父页来的“。

总结

LayUI的弹出层方法封装得很好，掌握了这一个方法可以实现快速的给弹出层赋值。感谢你的阅读，希望这篇文章对你有小小的帮助。我是黑马Jack，一起学习一起进步！