layui/docs/tabs/examples/beforeChange.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 = 'demoTabsBeforeChange'; // tabs 切换前的事件 tabs.on(`beforeChange(${DEMO_TABS_ID})`, function(data) { console.log('beforeChange', data); // 切换确认提示 layer.confirm(`确定从「当前标签」切换到标签「${this.innerText}」吗？`, function(i) { tabs.change(DEMO_TABS_ID, data.to.index, true); // 强制切换 layer.close(i); // 关闭确认框 }); // 阻止标签默认关闭 return false; }); }); </script>