iview之tabs嵌套

iview之tabs嵌套

說明： iview組件中當嵌套使用 Tabs時，須要在Tabs中指定 name 屬性來區分層級，而後在TabPane 中設置 tab 屬性指向對應 Tabs 的 name 字段。

正確示例： 在每個Tabs中都須要設置name屬性，而後在其包含的全部直接TabPane中設置tab屬性指向其對應的Tabs的 name 字段。

<Tabs name="tab1" >
  <TabPane label="標籤1" tab="tab1">
    <Tabs name="tab1-1">
      <TabPane label="標籤1-1" tab="tab1-1">標籤1-1的內容</TabPane>
      <TabPane label="標籤1-2" tab="tab1-1">標籤1-2的內容</TabPane>
    </Tabs>
  </TabPane>
  <TabPane label="標籤2" tab="tab1">
    <Tabs name="tab1-2">
      <TabPane label="標籤2-1" tab="tab1-2">標籤2-1的內容</TabPane>
      <TabPane label="標籤2-2" tab="tab1-2">標籤2-2的內容</TabPane>
    </Tabs>
  </TabPane>
</Tabs>

錯誤狀況：會致使打開子標籤後，打開父標籤，字標籤會顯示在父標籤上

 

 

轉載自：https://blog.csdn.net/wang_xiao_ye/article/details/90023979