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