layer.open传参数到子页面

传参到子页面，从长沙家政网的角度来分享经验，这是一个相当实用的技巧。那么，关于如何使用layer.open进行参数传递，让我们一起探索吧！

在父页面中，你可能会遇到需要通过layer.open打开一个新的页面，并且需要向这个子页面传递参数的情况。假设你要传递的参数是文件ID。下面是一个简单的示例代码：

在父页面中使用layer.open打开一个新的页面：

```javascript

var index = layer.open({

title: '编辑',

type: 1, // 这里设置为iframe类型页面

shade: 0.2, // 背景透明度设置

maxmin: true, // 是否显示最大化和最小化按钮

shadeClose: true, // 是否可以通过点击背景关闭弹窗

area: [openWH[0] + 'px', openWH[1] + 'px'], // 设置弹窗大小

offset: [openWH[2] + 'px', openWH[3] + 'px'], // 设置弹窗偏移量

content: content, // 这里是iframe页面的路由地址

success: function(layero, index){ // 当页面加载成功时执行的回调函数

var body = layer.getChildFrame('body', index); // 获取iframe页面的body元素

var fileId = body.contents().find("fileId"); // 在iframe页面中查找id为fileId的元素

$(fileId.selector).val(data.id); // 将data中的id值传递给子页面中的隐藏输入框

}

});

```

在子页面中，你需要创建一个隐藏的输入框来接收父页面传递的参数。这个输入框的id属性需要与父页面中查找的元素匹配。例如：

```html

```

这样，当你在父页面中使用layer.open打开子页面时，就可以通过这个隐藏的输入框将参数传递到子页面中了。通过这种方式，你可以轻松地在父子页面之间传递数据。希望这个分享可以帮助到你！如果你还有其他问题或需要进一步的解释，请随时提问。