最稳方案是手动修改按钮DOM：点击时设disabled并改文字，异步完成后恢复；需加处理锁防重复提交，禁用layer.load()等全局loading，避免状态未重置。
点击按钮后怎么让 layui.table 操作列按钮变 Loading 状态
直接改按钮 dom 的 disabled 和文字最稳，layui 自身不接管操作列按钮的 loading 状态，得手动控制。别指望 table.render() 或 table.reload() 自动帮你转圈。
常见错误是只改文字没禁用按钮，用户连点两次，请求发了两遍；或者用了 loading: true 传给 layer.load()，但没关掉——结果整个页面蒙层卡住，表格也点不动了。
- 用
$(this).button('loading')前先确认引入了 Bootstrap 的 JS（Layui 默认不带）——多数人其实没引，所以别这么写 - 推荐纯原生操作：
$(this).prop('disabled', true).text('处理中...') - 异步完成后必须恢复：
$(this).prop('disabled', false).text('编辑')（文字按你原始列定义来） - 如果按钮是用
templet渲染的，确保每个按钮有唯一可识别的 class 或 data-id，避免批量误操作
table.on('tool') 里怎么安全触发 Loading 并防重复提交
事件回调里不做节流或锁状态，点得快一点就发一堆请求。Layui 的 tool 事件本身不阻塞，得自己加守卫。
典型场景：点击「删除」弹确认框，用户狂点，layer.confirm 还没出来，tool 回调已执行多次。
- 在
table.on('tool')回调开头加个开关变量，比如let isProcessing = false; if (isProcessing) return; isProcessing = true; - 请求成功/失败的
.then()和.catch()末尾务必重置：isProcessing = false; - 不要把
isProcessing定义在全局，每个表格实例建议用闭包或绑定到tr元素上（如$tr.data('processing', true)），避免多行操作互相干扰 - Layer 弹窗类操作（如
layer.open）本身不阻塞 JS，不能靠它当锁
用 lay-submit 或表单提交时，怎么让操作列按钮 Loading 同步生效
如果操作列按钮绑的是表单提交（比如一个隐藏 form + submit），原生 submit 会刷新页面，Loading 效果一闪就没了。必须阻止默认行为，走 AJAX。
- 按钮加上
type="button"，别用type="submit"，否则拦不住 - 用
event.preventDefault()是基础，但更要紧的是：拿到当前行数据后，构造参数调$.ajax()，而不是触发表单 submit - 表单里的
input如果没设name，$form.serialize()会漏字段——操作列往往没包 form，别想当然用 serialize - 如果真要用表单，推荐给按钮加
data-row-data='{"id":123}'，点击时解析 JSON 提交，比找表单元素更可靠
为什么 layer.load() 套在操作列里容易出问题
因为 layer.load() 是全局蒙层，不是按钮级 loading。你在操作列点一次，它盖住整个页面；点第二次，又叠一层；没手动 layer.close() 就永远关不掉。
- 除非你要锁整个表格（比如导出全量数据），否则别在单行操作里用
layer.load(2) - 按钮级 loading 只需要改自身 DOM，
layer.load()是重型方案，杀鸡用牛刀 - 如果非要用，务必存住 index：
let loadIndex = layer.load(2); ... layer.close(loadIndex);，且放在success/error里，别只放 success - 移动端下
layer.load()的遮罩可能错位，按钮文字又小，用户根本看不出点了没——这时候原生disabled+ 文字提示反而更准
