layui/docs/tabs/examples/beforeClose.md

• Tab1
• Tab2
• Tab3
• Tab4
• Tab5
• Tab6

Tab Content-1

Tab Content-2

Tab Content-3

Tab Content-4

Tab Content-5

Tab Content-6

本示例演示：删除标签之前，弹出确认提示。

<script> layui.use(function() { var tabs = layui.tabs; // 标签实例 ID var DEMO_TABS_ID = 'demoTabsBeforeClose'; // tabs 切换前的事件 tabs.on(`beforeClose(${DEMO_TABS_ID})`, function(data) { console.log('beforeClose', data); // 关闭确认提示 layer.confirm(`确定关闭标签「${this.innerText}」吗？`, function(i) { tabs.close(DEMO_TABS_ID, data.index, true); // 强制关闭对应的标签项 layer.close(i); // 关闭确认框 }); // 阻止标签默认关闭 return false; }); }); </script>