layer.msg() 返回 true 是因事件处理函数显式返回其结果，触发浏览器异步响应提示；正确做法是调用时不返回值，如 btn.onclick = () => { layer.msg('ok'); }。
layui 的 layer.msg() 返回 true 是什么情况
这不是你代码写错了，而是 layer.msg()（以及 layer.alert()、layer.confirm() 等）在特定条件下**自动返回 true**，触发了浏览器控制台里 “A listener indicated an asynchronous response by returning true” 这类提示。它本身不报错，但说明事件监听器（比如按钮点击）显式返回了 true，而浏览器预期该监听器会自行调用 event.preventDefault() 或异步完成后续逻辑——但你没做，于是给出提醒。
为什么 layer.msg() 会“返回 true”
根本原因在于：你把 layer.msg() 放在了某个 DOM 事件回调中（最常见的是表单 submit、按钮 click），且这个回调函数**显式返回了 layer.msg() 的返回值**。而 layer.msg() 内部为兼容旧版或支持链式调用，**总是返回一个数字（索引 ID）或 true（某些版本/场景下）**。
- 例如：
document.getElementById('btn').onclick = function() { return layer.msg('提交成功'); }; - 又如 Vue 模板中：
@click="() => layer.msg('ok')"，箭头函数隐式返回layer.msg()结果 - 再如 jQuery：
$('form').on('submit', function() { return layer.msg('请等待'); });
这些写法会让事件处理器返回非 undefined，浏览器就认为你在处理异步响应，但它没看到你调用 event.preventDefault() 或返回 Promise，于是发出警告。
正确写法：不返回 layer 方法结果
只需确保事件处理函数**不返回 layer.xxx() 的值**。绝大多数情况下，你并不需要它的返回值（ID），即使需要，也应单独赋值，不作为函数返回值。
- ❌ 错误：
btn.onclick = () => layer.msg('操作完成');（箭头函数隐式返回） - ✅ 正确：
btn.onclick = () => { layer.msg('操作完成'); }; - ✅ 表单提交防重复提交（需阻止默认行为）：
form.onsubmit = function(e) { e.preventDefault(); layer.msg('已提交'); }; - ✅ 如果真要获取 layer ID：
const index = layer.msg('加载中...'); // 单独一行，不 return
注意：Layui 2.8+ 中 layer.msg() 返回的是数字 ID；但某些低版本或特殊配置下可能返回 true，统一按「不返回」原则处理最稳妥。
其他容易被忽略的坑
这个提示常被误认为是 layer 自身 bug，其实根源在事件流控制。还有几个关联点要注意：
- Vue 项目中用
@click.native或@click.prevent时，别让 handler 函数末尾是layer.xxx()调用 - 如果用了
layer.open()并设置了yes回调，那个回调里可以安全返回（因为它是 layer 内部约定的），但外层事件仍不能返回 - Webpack/Vite 环境下开启严格模式（
"use strict"）时，该提示更容易出现，不是错误，但暴露了潜在的事件处理不严谨 - 真正需要异步等待 layer 关闭？别用
return layer.xxx()，改用layer.ready(() => { ... })或封装 Promise（Layui 本身不原生支持 Promise 化）
本质是事件处理器契约问题：返回非 undefined = 我接管了这个事件的响应流程，那你得自己负责到底——而 layer.msg() 只是弹个消息，并不接管事件生命周期。
