1、使用Tabs组件嵌套需要注意的问题

iview组件中当嵌套使用 Tabs时，需要在Tabs中指定 name 属性来区分层级，然后在TabPane 中设置 tab 属性指向对应 Tabs 的 name 字段，在每一个Tabs中都需要设置name属性，然后在其包含的所有直接TabPane中设置tab属性指向其对应的Tabs的 name 字段。

第一层Tabs

    <Card class="rule-card">
      <Tabs name="options" type="card">
        <TabPane label="巡查规则" name="rules" tab="options">
            <InsepectionRules />
        </TabPane>
        <TabPane label="规则库" name="libary" tab="options">标签二的内容</TabPane>
      </Tabs>
    </Card>

InsepectionRules组件中的Tabs

        <Tabs name="check" value="checkItem" >
          <TabPane label="检查项目" name="checkItem" tab="check">
            <CheckItem />
          </TabPane>
          <TabPane label="检查内容" name="checkContent" tab="check">
            <CheckContent/>
          </TabPane>
        </Tabs>

首先最外层：

外层.png

第二层.png

效果示例：

正确配置.png

! 如果不进行配置，则会出现下面这种错乱的情况

未配置.png