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