vue + iview頁面Modal中內嵌Tabs,重新顯示Modal時預設選中Tabs的第一項
阿新 • • 發佈:2019-01-22
<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的話顯示的是上次點選顯示的項