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>
首先最外层: