概述
在 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。