Tabs 标签页
代码展示
<alice-tabs :selected="selected">
<alice-tabs-head>
<alice-tabs-item name="1">Tabs 1</alice-tabs-item>
<alice-tabs-item name="2">Tabs 2</alice-tabs-item>
</alice-tabs-head>
<alice-tabs-body>
<alice-tabs-pane name="1">content 1</alice-tabs-pane>
<alice-tabs-pane name="2">content 2</alice-tabs-pane>
</alice-tabs-body>
</alice-tabs>
Tabs API
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| selected | 当前标签的索引 | Array | - |
TabsItem API
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| disabled | 是否禁用 | Boolean | - |
| name | 索引值 | String Number | - |
TabsItem Event
| 事件名 | 说明 | 参数 |
|---|---|---|
| click | 点击触发 | 选中的实例 |
TabsPane API
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| name | 索引值 | String Number | - |