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

layui弹窗间的传值（layui弹出层传值）(窗口传值) 2023-01-05 587

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，我是从父页来的“。