layui 弹框中多个tab切换

在 layui 弹框中实现多个 tab 切换，可以通过结合 layui 的 tab 组件和弹框组件来实现。

首先，在弹框中创建 tab 组件的 HTML 结构，例如：

<div class="layui-tab layui-tab-brief" lay-filter="demo">
  <ul class="layui-tab-title">
    <li class="layui-this">Tab 1</li>
    <li>Tab 2</li>
    <li>Tab 3</li>
  </ul>
  <div class="layui-tab-content">
    <div class="layui-tab-item layui-show">内容1</div>
    <div class="layui-tab-item">内容2</div>
    <div class="layui-tab-item">内容3</div>
  </div>
</div>

然后，在弹框的 JS 中，需要引入 layui 的 tab 组件并初始化，例如：

layui.use(['layer', 'element'], function(){
  var layer = layui.layer;
  var element = layui.element;

  layer.open({
    type: 1,
    title: '多个tab切换',
    area: ['500px', '300px'],
    content: $('#tabDemo'),
    success: function(layero, index){
      // 初始化tab组件
      element.tabChange('demo', 0);
      element.on('tab(demo)', function(data){
        console.log(data.index); // 当前Tab的下标
      });
    }
  });
});

在这段代码中，我们使用 `layui.use` 方法加载了 layer 和 element 组件，并在 `layer.open` 方法中创建了一个弹框，并将 tab 组件的 HTML 结构作为弹框的内容传入。

在 `success` 回调函数中，我们首先使用 `element.tabChange` 方法将第一个 tab 设置为当前选中的 tab。然后，使用 `element.on` 方法监听 tab 组件的切换事件，并在回调函数中输出当前 tab 的下标。

这样，就可以在 layui 弹框中实现多个 tab 的切换了。