layer.confirm 不返回 Promise，无法直接 await 异步请求；正确做法是在 yes 回调中手动控制关闭、添加 loading、捕获错误并更新按钮状态。
layer.confirm 确定按钮无法直接 await 异步请求？
因为 layer.confirm 本身是同步弹窗 api，它不返回 promise，点击“确定”只是触发回调函数，而这个回调默认是同步执行的。如果你在回调里直接 await fetch(...) 或 await axios.post(...)，请求会发出去，但 layer 不会等你请求完成再关闭弹窗——除非你手动控制。
正确做法：阻止 layer 自动关闭 + 手动 close + loading 状态
核心思路是：调用 layer.confirm 时传入 yes 回调，在里面先禁用按钮、加 loading，再发请求；成功后调用 layer.close(index) 关闭，失败则提示并保持弹窗（或重试）。
-
layer.confirm的yes回调接收两个参数：index（当前弹窗索引）和layero（DOM 元素），必须用index来关闭 - 不要在
yes回调里直接写return false或空return，这会阻止默认关闭，但没做异步处理，容易误关 - 推荐在按钮上加
disabled和文字变化（如 “提交中…”），避免重复点击
layer.confirm('确认删除该条数据？', async function(index) {
const btn = $(layero).find('.layui-layer-btn0');
btn.text('提交中...').attr('disabled', true);
try {
const res = await axios.delete('/api/item/123');
layer.msg('删除成功', { icon: 1 });
layer.close(index);
// 这里可刷新表格、更新状态等
} catch (e) {
layer.msg('删除失败：' + (e.response?.data?.msg || '网络错误'), { icon: 2 });
btn.text('确定').attr('disabled', false); // 恢复按钮
}
});
为什么不能把 await 写在 confirm 外层？
像这样写是错的：const ok = await layer.confirm(...) —— 因为 layer.confirm 返回的是弹窗索引（数字），不是 Promise，await 它毫无意义，还会报错或静默失效。
-
layer.open/layer.alert/layer.confirm全部不返回 Promise - Layui 2.x 没有内置 Promise 化封装，别指望自动 await 化
- 如果项目已用 Promise 封装（比如自己包了一层
confirmAsync），那另说；但原生就是回调驱动
进阶：封装一个支持 async/await 的 confirm 方法
如果你多个地方都要异步 confirm，可以简单封装一个 Promise 版本，内部仍基于原生回调，但对外暴露 Promise 接口：
function confirmAsync(content, options = {}) {
return new Promise((resolve) => {
layer.confirm(content, {
...options,
yes: (index, layero) => {
resolve({ action: 'confirm', index, layero });
layer.close(index); // 注意：这里不 close，由调用方决定何时关
},
cancel: () => resolve({ action: 'cancel' })
});
});
}
// 使用：
const result = await confirmAsync('确定提交？');
if (result.action === 'confirm') {
await api.submit(); // 这里才发请求
layer.close(result.index);
}
注意这种封装只解决“用户点了确定/取消”的通知问题，真正请求时机和关闭时机仍需你自己协调——layer 本身不感知业务逻辑的耗时。
最易被忽略的一点：很多人以为 layer.close(index) 能自动清理异步请求，其实不能。请求还在飞，弹窗已关，出错时用户看不到提示。所以 loading 控制、错误捕获、按钮状态同步，一个都不能少。
