Files
layui/docs/tabs/examples/demo.md
2025-02-27 15:20:00 +08:00

1.8 KiB
Raw Blame History

  • Tab1
  • Tab2
  • Tab3
  • Tab4
  • Tab5
  • Tab6
Tab Content-1
Tab Content-2
Tab Content-3
Tab Content-4
Tab Content-5
Tab Content-6
切换到Tab3 切换到:第 2 项 关闭Tab4 关闭:第 2 项 添加 Tab
<script> layui.use(function(){ var tabs = layui.tabs; var util = layui.util; // 事件 util.on({ add: function(){ var n = Math.random()*1000 | 0; // 演示标记 //添加标签 tabs.add('demoTabs1', { title: 'New Tab '+ n, // 此处加 n 仅为演示区分,实际应用不需要 content: 'New Tab Content '+ n, id: 'new-'+ n, aaa: 'attr-'+ n, // 自定义属性,其中 aaa 可任意命名 // mode: 'curr', done: function(params) { console.log(params); } }); } }); });