tab点击切换不使用判断条件进行不同tab的切换刷新

最新推荐文章于 2023-12-12 16:59:44 发布

CV章鱼烧

最新推荐文章于 2023-12-12 16:59:44 发布

阅读量434

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_45844542/article/details/132847757

版权

注：我这里使用的antd vue ui

<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()
      })
    },
  }