<!-- 在你的主页面中 -->
|
<template>
|
<div class="app-container">
|
<el-tabs v-model="activeTab" @tab-change="handleTabChange">
|
<el-tab-pane label="正常供应商" name="home">
|
<HomeTab ref="homeTab" />
|
</el-tab-pane>
|
<el-tab-pane label="黑名单" name="blacklist">
|
<BlacklistTab ref="blacklistTab" />
|
</el-tab-pane>
|
</el-tabs>
|
</div>
|
</template>
|
|
<script>
|
import HomeTab from './components/HomeTab.vue'
|
import BlacklistTab from './components/BlacklistTab.vue'
|
|
export default {
|
name: 'MainPage',
|
components: {
|
HomeTab,
|
BlacklistTab
|
},
|
data() {
|
return {
|
activeTab: 'home'
|
}
|
},
|
methods: {
|
handleTabChange(tabName) {
|
this.activeTab = tabName
|
this.$nextTick(() => {
|
if (tabName === 'home') {
|
this.$refs.homeTab && this.$refs.homeTab.getList && this.$refs.homeTab.getList()
|
} else if (tabName === 'blacklist') {
|
this.$refs.blacklistTab && this.$refs.blacklistTab.getList && this.$refs.blacklistTab.getList()
|
}
|
})
|
},
|
}
|
}
|
</script>
|
