导读 在使用 layui 的 layer.open 创建弹窗时，传递数据是一个常见的需求。比如，你可能需要从父页面向弹窗传值，或者在不同弹窗间共享信息...
在使用 layui 的 layer.open 创建弹窗时，传递数据是一个常见的需求。比如，你可能需要从父页面向弹窗传值，或者在不同弹窗间共享信息。以下是一些实现方法：
首先，在调用 layer.open 时，可以通过 `data` 参数传递初始值。例如：`layer.open({content: '内容', data: {key: 'value'}})`。此时，弹窗内的内容可以通过 `layui.layer.getFrameIndex(window.name)` 获取到对应的索引，再通过 `layero` 参数找到具体的 DOM 元素。
如果需要在弹窗之间传递数据，可以利用 localStorage 或 sessionStorage。例如，先将数据存储在 localStorage 中，然后在另一个弹窗中读取这些数据。这种方式适合跨页面的数据共享 🤝。
此外，还可以通过事件机制来实现动态传值。例如，父页面触发一个自定义事件，弹窗监听该事件并更新自身状态。这样既灵活又解耦，非常适合复杂的交互场景 🚀。
总之，无论是直接传参还是借助存储工具，合理选择方案能让开发更高效！✨
免责声明：本文由用户上传，如有侵权请联系删除！