# Tabs 标签页
使用方法
# 基本用法
# 示例代码
data() {
return {
selected: '1',
}
},
<x-tabs :selected="selected">
<x-tabs-head>
<x-tabs-item name="1">标题一</x-tabs-item>
<x-tabs-item disabled name="2">标题二</x-tabs-item>
<x-tabs-item name="3">标题三</x-tabs-item>
</x-tabs-head>
<x-tabs-body>
<x-tabs-pane name="1">内容1</x-tabs-pane>
<x-tabs-pane name="2">内容2</x-tabs-pane>
<x-tabs-pane name="3">内容3</x-tabs-pane>
</x-tabs-body>
</x-tabs>
# Attributes
# Tabs
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
selected | 当前选中 | String | name | -- |
# TabsHeadItem
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
name | 唯一标识,必选 | String | -- | -- |
disabled | 设置是否禁用 | Boolean | true、false | false |
# TabsBodyPane
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
name | 唯一标识,必选 | String | -- | -- |