应使用table.on('cell(filter)', callback)事件，其回调参数obj.field为字段名、obj.value为渲染后文本、obj.data[obj.field]为原始值，无需解析DOM；须确保列配置field正确且监听在render之后。
点击单元格时如何拿到 field 和 value
layui 的 table.on('cell(...)') 事件是唯一能精准捕获单元格点击的入口，它自带字段名和值，不需要手动解析 DOM 或查列配置。
关键点在于：必须监听 cell 事件，而不是 row 或 tool；且表格初始化时需确保列配置中每个 field 都正确设置（不能为 undefined 或空字符串）。
-
event.field就是当前点击列的field值（如"username"） -
event.value是该单元格渲染后的文本内容（注意：不是原始数据，而是经过templet处理后的结果） - 若需原始数据值（比如后端返回的
user_id），应通过event.data拿整行数据，再取event.data[event.field]
为什么 event.value 有时是空或格式不对
因为 event.value 是单元格 DOM 内的 innerText，受 templet、toolbar、CSS 隐藏、异步渲染（如图片加载中）影响。常见表现：event.value === ""、显示为 [object Object]、或包含多余空格/换行。
- 如果列用了
templet: '#someTpl'，且模板里没显式输出字段值（比如只写了按钮），event.value就为空 - 若列配置了
unresize: true或hide: true，但 DOM 仍存在，event.value可能取到意外内容 - 安全做法：优先用
event.data[event.field]获取原始值，仅当需要展示态内容时才读event.value
获取原始字段值要绕开 templet 干扰
即使你给某一列写了复杂模板（比如带开关、图标、链接），只要 field 设置正确，event.data 一定包含原始数据对象，字段名可直接索引。
table.on('cell(test)', function(event){
console.log('字段名:', event.field); // 如 "status"
console.log('原始值:', event.data[event.field]); // 如 1
console.log('展示值:', event.value); // 如 "启用"（来自 templet）
});
- 确保
event.data存在 —— 它在分页、重载、局部刷新后依然有效 - 避免写
event.data[event.field] || event.value这类兜底逻辑，容易掩盖字段名拼写错误 - 如果列没设
field（比如用type: 'checkbox'的列），event.field是undefined，此时不应访问event.data[event.field]
监听失效的几个典型原因
写了 table.on('cell(...) 却没触发？大概率卡在这几个地方。
- 监听器注册晚于
table.render()—— 必须在render之后、或放在done回调里 - 表格容器被动态移除又重建（如 tab 切换），旧监听器丢失，需重新绑定或用事件委托
-
elem选择器写错，比如用了#id .class而实际容器没 class，导致table.on绑定失败 - 使用了
lay-filter="xxx"，但监听时写成cell(xxx)以外的名字（比如漏了引号或大小写不一致）
最稳妥的做法：把 table.on 放在 table.render() 调用之后紧邻位置，并确认 lay-filter 值完全一致。
