✨ layer.open 如何窗口如何传值(layui)🧐
发布时间:2025-04-05 06:12:25来源:
导读 在使用 `layui` 的 `layer.open` 弹窗功能时,有时需要在弹窗之间传递参数,比如从父页面向子页面传值,或者在不同弹窗间共享数据。这...
在使用 `layui` 的 `layer.open` 弹窗功能时,有时需要在弹窗之间传递参数,比如从父页面向子页面传值,或者在不同弹窗间共享数据。这可以通过多种方式实现,让交互更灵活💡。
首先,直接在调用 `layer.open` 时通过 `content` 参数传递初始值。例如:
```javascript
layer.open({
type: 1,
title: '传值示例',
content: '
欢迎!当前时间是:' + new Date().toLocaleString() + '
',});
```
若需双向传值,可以借助全局变量或事件监听器。比如,在父页面定义一个对象存储数据 `{key: value}`,然后在弹窗中通过监听按钮点击事件获取并操作这些数据:
```javascript
let parentData = { message: 'Hello, child!' };
layer.open({
type: 1,
content: '',
success: function(layero, index){
$('sendData', layero).on('click', function(){
let data = parentData;
layer.msg('已收到:' + JSON.stringify(data));
});
}
});
```
这种方式简单高效,适合大多数场景😊。但需注意避免命名冲突和数据混乱,保持代码整洁哦!
希望这篇小科普对你有帮助!🌟
版权声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。