iview Tabs TabPane 參數Index 使用方法


概述 

在 TabPane 使用 v-if 時,並不會按照預先的順序渲染,這時可設置 index,並從小到大排序(需大於 0)

組件源碼地址:

node_modules\view-design\src\components\tabs

node_modules\view-design\src\components\tabs\pane.vue

使用示例:

<Tabs class="ui-area-content" :animated="false" type="card">
  <template v-for="(item, index) in array">
    <Tab-pane
      v-if="item"
      :label="item: '請選擇'" :index="index + 1"
      :key="index"
      :name="item"
      icon="ios-arrow-down"
    >
      {{ item }}
    </Tab-pane>
  </template>
</Tabs>

 注意::index里的參數類型為Number,且大於0。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM