必须确保 lay-filter 属性与 form.on('switch(statusSwitch)') 中的值完全一致，区分大小写和符号；判断开关状态用 data.elem.checked 而非 data.value；动态添加需调用 form.render('checkbox')。
form.on('switch(filter)') 怎么写才真正生效
必须确保 lay-filter 属性和事件监听中的过滤器值完全一致，大小写、空格、下划线都不能错。layui 不会报错，但监听直接静默失效。
- HTML 中写的是
<input type="checkbox" lay-skin="switch" lay-filter="statusSwitch">，JS 就得写form.on('switch(statusSwitch)', ...) - 如果漏掉括号或引号（比如写成
form.on('switch statusSwitch', ...)），事件根本不会绑定 - 多个开关共用同一个
lay-filter值时，它们会共享一个监听函数——这不是 bug，是设计行为，要留意是否符合业务逻辑
data.elem.checked 和 data.value 的区别与误用场景
data.elem.checked 是原始 checkbox 的真实状态（布尔值），而 data.value 默认是字符串 "on" 或 "off"，它不随开关实际状态实时同步，而是由 value 属性决定（没设则默认为 "on"）。
- 判断“用户刚点了开还是关”，应该用
data.elem.checked，不是data.value - 如果你手动改过
input.value = 'enabled'，data.value会变成"enabled"，但data.elem.checked仍反映真实勾选状态 - 常见错误：用
if (data.value === 'on')判断开启，结果开关关闭时也返回"on"（因为 value 没变），导致逻辑翻车
点击后先弹确认框，再决定是否真的切换状态
不能靠阻止默认行为（return false）来“取消切换”，因为 Layui 的 switch 是基于 checkbox 的模拟渲染，真实 DOM 状态在事件触发前已改变。正确做法是：先记录原始状态，AJAX 成功后再保持，失败则回滚。
- 监听函数内第一时间缓存原状态：
var originChecked = data.elem.checked; - 调用
layer.confirm，点“确定”再发请求；成功后不用操作，失败则手动改回：data.elem.checked = !originChecked; form.render('checkbox'); - 注意
form.render('checkbox')或form.render()必须调用，否则 UI 不同步 - 别漏掉
form模块的加载：layui.use(['form'], function(){...})，否则form.on无效
为什么 switch 点击没反应？几个隐形拦路虎
最常被忽略的是表单未初始化、DOM 未就绪、或重复执行 form.render() 导致事件覆盖。
- 页面动态插入的 switch（如表格行渲染后追加），必须在插入后手动调用
form.render('checkbox')，否则监听不生效 - 如果页面里有多个
layui.use(['form'], ...)块，且都调用了form.on绑定同一 filter，后执行的会覆盖前一个——建议统一收口到一个模块中 - Vue/React 项目里混用 Layui，容易因 DOM 生命周期错乱导致
data.othis找不到美化后的元素，此时优先用data.elem操作原生 DOM
checked 和 value、跳过 form.render()，这三处占了八成以上的问题。 
