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