注:我这里使用的antd vue ui文章来源地址https://www.toymoban.com/news/detail-708260.html
<a-card :bordered="false">
<a-tabs v-model="current" @change="callback" style="width: 15%">
<a-tab-pane key="receivable" tab="应收账单">
<!-- 这里写组件 组件的ref要和tab的key一致-->
</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()
})
},
}
文章来源:https://www.toymoban.com/news/detail-708260.html
到了这里,关于tab点击切换不使用判断条件进行不同tab的切换刷新的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!