layui 标签a 弹窗 传递参数
时间: 2023-11-16 16:50:57 浏览: 179
解决Layui中templet中a的onclick参数传递的问题
可以使用 layui 的 layer.open 方法,在打开弹窗的同时传递参数。具体方法如下:
1. 在 a 标签中添加一个自定义属性,例如 data-id,用来存储要传递的参数值。
2. 给 a 标签绑定一个点击事件,在点击时获取 data-id 属性的值,并调用 layer.open 方法打开弹窗。
3. 在 layer.open 方法的 options 参数中,可以通过传递一个自定义变量来传递参数值。
示例代码如下:
HTML 代码:
<a href="javascript:;" data-id="123" class="open-layer">打开弹窗</a>
JavaScript 代码:
// 给 a 标签绑定点击事件
$('.open-layer').on('click', function() {
// 获取要传递的参数值
var dataId = $(this).data('id');
// 调用 layer.open 方法打开弹窗,并传递参数值
layer.open({
type: 1,
title: '弹窗标题',
content: '弹窗内容',
area: ['500px', '300px'],
success: function(layero, index) {
// 在弹窗中可以通过 index 获取弹窗的索引,通过 layero 获取弹窗的 DOM 对象
// 可以通过自定义变量传递参数值
layero.data('param', dataId);
}
});
});
在弹窗中可以通过 layero 对象获取弹窗的 DOM 对象,在 success 回调函数中可以通过自定义变量传递参数值。例如,可以在弹窗中通过 layero.data('param') 获取传递的参数值。
阅读全文