注:我这里使用的antd vue ui
<a-card :bordered="false">
<a-tabs v-model="current" @change="callback" style="width: 15%">
<a-tab-pane key="receivable" tab="应收账单">
a-tab-pane>
<a-tab-pane key="meet" tab="应付账单" force-render> a-tab-pane>
a-tabs>
a-card>
data() {
return {
current: 'receivable',
},
},
methods: {
callback(key) {
this.current = key
this.$nextTick(() => {
// 这里就是触发相应的组件响应事件。
// this.$refs[`${this.current}`].load()
})
},
}