event字段仅对内置工具栏生效，普通列需在templet中添加lay-event属性并配合table.on('tool(表ID)')监听；跳转链接须校验ID、编码参数、用element.tabAdd()新开Tab；tool事件监听必须写在render的done回调中，且分页后需重绑；新Tab参数需通过data-*属性或URLSearchParams传递。
列配置里写 event 字段为什么没反应
因为 event 字段只对内置工具栏（比如 toolbar 模板里的按钮）生效，对普通数据列完全无效。你写了 event: 'goto-tab'，但点击单元格时什么都不会触发——layui 根本不监听这个字段。
真正起作用的是在列的 templet 中手动插入带 lay-event 属性的 DOM 元素，并配合 table.on('tool(表ID)') 监听。必须这么走，没有捷径。
- 删掉列定义里的
event: 'xxx'，它只会误导自己 -
templet必须返回 HTML 字符串，纯文本字段（如field: 'name'）不会识别lay-event -
lay-event="goto-tab"的值，要和table.on('tool(表ID)')回调中判断的obj.event完全一致
templet 里怎么安全生成跳转链接并新开 Tab
别直接拼 window.location.href = '/detail?id=' + obj.data.id——ID 为空、含特殊字符、XSS 注入风险全在这儿。Layui 不做任何过滤，全靠你自己兜底。
- 先校验主键存在：
if (!obj.data.id) return ''; - 用
encodeURIComponent编码参数：const url = '/detail?uid=' + encodeURIComponent(obj.data.id); - 新开 Tab 用
element.tabAdd()，不是window.open()：element.tabAdd('main-tab', { title: '详情-' + obj.data.id, id: 'detail-' + obj.data.id, content: '<div id="tab-content-' + obj.data.id + '"></div>' }); - 紧接着在回调里调用
table.render()，elem必须指向新创建的div，且url或where显式带上 ID 参数
监听 tool 事件时容易失效的三个时机问题
监听写在 table.render() 外面、或没等 DOM 渲染完成，大概率绑定失败。表格还没画出来，事件监听器就挂空了。
- 监听必须写在
render()的done回调里，或确保表格容器已存在于 DOM 中 - 写法必须是
table.on('tool(test)', function(obj){ ... })，其中test是你表格elem: '#test'的 ID，不能写错、不能漏引号 - 如果表格启用了分页，翻页后新行不会自动继承事件——得在
done里重新执行一遍table.on()绑定
Tab 页面里表格如何拿到原始跳转参数
新 Tab 是独立上下文，$('#keyword').val() 在新页里根本不存在。不能靠“全局变量”或跨页 DOM 查找，得把参数显式带进去。
- 推荐在
tabAdd()时把关键字段存进data-*属性：content: '<div id="tab-content-' + obj.data.id + '" data-uid="' + obj.data.id + '"></div>' - 新 Tab 初始化表格时，从容器读取：
where: { uid: $('#tab-content-' + obj.data.id).attr('data-uid') } - 或者更通用：用
URLSearchParams解析当前页 URL 查询参数，再传给table.render().url函数
最麻烦的不是写几行代码，而是你得确认那一列渲染出来的 obj.data 里到底有没有你要的字段、字段名是不是和后端 API 要求的一致、以及用户快速连点时要不要加防抖——这些不验证，上线后第一波反馈就是“点不动”“跳错页”。
