Tabber
以添加关联商品为例 (商品管理 -> 商品配置 -> 设置关联商品)
### HTML 模板
```html
<div class="layui-tab" lay-filter="tabSwitch">
<!-- 标题 -->
<ul class="layui-tab-title">
<li class="layui-this">第一页</li> <!--初始选中-->
<li>第二页</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show"></div> <!--初始选中-->
<div class="layui-tab-item "></div>
</div>
</div>
```
### 监听点击分页事件
#### JS 中引入
```javascript
var element = onion.element;
```
#### 监听事件
```javascript
element.on('tab(tabSwitch)', function (data) {
var index = data.index;
if (index == 0) {
// 点击分页一操作
} else {
// 点击分页二操作
}
})
```