1. 程式人生 > >vue + iview頁面Modal中內嵌Tabs,重新顯示Modal時預設選中Tabs的第一項

vue + iview頁面Modal中內嵌Tabs,重新顯示Modal時預設選中Tabs的第一項

<Modal v-model="modal.visible" width="80%" transfer :title="modal.title" footer-hide>
    <Tabs ref="tabs" :animated="false">
        <TabPane name="name1" ></TabPane>
        <TabPane name="name2" ></TabPane>
        <TabPane name="name3" ></TabPane>
    </Tabs>
</Modal>

showModals() {
    this.$refs.tabs.activeKey = 'name1'
    this.modal = {
        title: name,
        visible: true
    }
}

真正能用的是this.$refs.tabs.activeKey = 'name1',activeKey是活動的TabPane 對應的值是TabPane 中的name值(name1),上面程式碼是每次在重新顯示模態框時預設第一項顯示,不設該值,並且不重新整理頁面,每次重新開啟Modal的話顯示的是上次點選顯示的項