vue3 antd tabClick如何使用

您好，对于您的问题，您可以参考以下步骤来使用vue3 antd的tabClick：

1. 在vue3项目中引入antd：可以通过npm安装antd，然后在项目入口文件（main.js）中引入antd。

import { createApp } from 'vue';
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';

const app = createApp(App);

app.use(Antd);
app.mount('#app');

2. 在组件中引入Tab组件：使用Tab组件来展示标签页。

<template>
  <a-tabs @tabClick="handleTabClick">
    <a-tab-pane key="1">Tab 1 Content</a-tab-pane>
    <a-tab-pane key="2">Tab 2 Content</a-tab-pane>
  </a-tabs>
</template>

<script>
export default {
  methods: {
    handleTabClick(tab) {
      console.log('tab clicked:', tab);
    },
  },
};
</script>

3. 添加tabClick事件监听器：在组件中添加tabClick事件监听器，当用户点击标签页时触发事件。

<template>
  <a-tabs @tabClick="handleTabClick">
    <a-tab-pane key="1">Tab 1 Content</a-tab-pane>
    <a-tab-pane key="2">Tab 2 Content</a-tab-pane>
  </a-tabs>
</template>

<script>
export default {
  methods: {
    handleTabClick(tab) {
      console.log('tab clicked:', tab);
    },
  },
};
</script>

希望我的回答能够帮助您解决您的问题，如有其他问题，请随时与我交流。