在 layui table 列的 templet 函数中，通过判断当前行 data.status 动态返回不同按钮 HTML 即可实现文字变化；点击事件中应直接使用回调参数 data 获取真实状态，而非解析按钮文本；注意类型统一（如 String(d.status) === '1'）和禁用样式同步（加 disabled 属性）。
layui table 的 toolbar 模板里怎么动态改按钮文字
直接在列的 templet 里用 javascript 判断数据状态，返回不同文字即可。layui 渲染每行时会把当前行数据（data）传入模板函数，这是最轻量、最可控的方式。
常见错误是试图在 toolbar 配置项里写死文字，或者用全局变量判断——这会导致所有行按钮文字一样，或状态错乱。
- 必须用函数形式定义
templet，不能是字符串模板（除非用lay-template+data属性，但更绕） -
data是当前行完整数据对象，可安全访问data.status、data.is_active等字段 - 按钮文字变化不触发重新渲染，所以无需调用
table.reload()，纯前端逻辑
{field: 'status', title: '操作', templet: function(d){
if(d.status === 1){
return '<button class="layui-btn layui-btn-xs">编辑</button>';
} else if(d.status === 0){
return '<button class="layui-btn layui-btn-xs layui-btn-disabled">已停用</button>';
} else {
return '<button class="layui-btn layui-btn-xs layui-btn-warm">待审核</button>';
}
}}
用 lay-event 绑定事件时怎么拿到当前行状态
按钮文字变了，但点击后还得知道这行当前是什么状态，否则业务逻辑会错。关键不是靠按钮文字反推，而是直接从 event.elem 找到它所在的行 DOM，再用 table.cache 查原始数据。
别用 $(this).text() 去判断“编辑”还是“已停用”——文字可能被翻译、被样式覆盖、或用户手动改了 DOM。
- 监听事件必须用
table.on('tool(tableId)', ...)，不能用普通click - 回调函数里的
data参数就是该行原始数据，包含所有字段，包括status - 如果用了自定义
lay-event="edit"，事件回调中data.status一定是渲染前那一刻的真实值
状态字段类型不一致（字符串/数字/布尔）怎么统一判断
Layui 不做类型转换，d.status === '1' 和 d.status === 1 是不同的。后端返回格式混乱时，容易漏掉某一种情况导致按钮文字全错。
- 建议统一转成字符串比较：
String(d.status) === '1' - 或用宽松相等：
d.status == 1（仅当确定不会出现'01'这类字符串时） - 更稳妥的是提前归一化：在
parseData回调里把status转成标准数字或枚举值
parseData: function(res){
res.data.forEach(function(item){
item.status = Number(item.status); // 强制转数字
});
return {
"code": res.code,
"msg": res.msg,
"count": res.count,
"data": res.data
};
}
按钮文字变但样式没同步更新怎么办
文字变了，但按钮还是默认蓝色、还是可点击，说明 class 没跟着状态更新。Layui 的 layui-btn-disabled 不只是加灰，还会禁用交互，这点常被忽略。
-
layui-btn-disabled必须配合disabled属性才真正禁用，只加 class 不够 - 推荐写法：
<button class="layui-btn layui-btn-xs layui-btn-disabled" disabled>已下架</button> - 如果要用 CSS 控制禁用态，确保
button[disabled]选择器生效，而不是只靠 class
复杂状态组合（比如“审核中+不可编辑”）建议抽成函数封装，避免模板里堆满 if-else。按钮文字和行为必须从同一份状态派生，不然早晚对不上。
