# 标签 - Tabs

# 预览及使用方法

Tab1
Tab2
Tab3
Tab4

<g-tabs :selected.sync="selectedTab">
    <g-tabs-head>
        <g-tabs-item name="tab1">Tab1</g-tabs-item>
        <g-tabs-item name="tab2">Tab2</g-tabs-item>
        <g-tabs-item name="tab3">Tab3</g-tabs-item>
        <g-tabs-item name="tab4" disabled>Tab4</g-tabs-item>
    </g-tabs-head>
    <g-tabs-body>
        <g-tabs-pane name="tab1">内容1</g-tabs-pane>
        <g-tabs-pane name="tab2">内容2</g-tabs-pane>
        <g-tabs-pane name="tab3">内容3</g-tabs-pane>
        <g-tabs-pane name="tab4">内容4</g-tabs-pane>
    </g-tabs-body>
</g-tabs>
     

# 相关提示:

# 1、此组件的 i-tabs i-tabs-item i-tabs-pane 必须有一一对应的 name

# 2、默认选中状态 i-tabs 需要设置 selected 属性来确定默认标签。

# 3、并且该标签的子组件应该是 i-tabs-headi-tabs-body ,否则你会得到一个警告。

# 4、 disabled 属性用于 i-tabs-item 标签,可以设置该标签的不可用状态。