Ant Design Vue 中 tabls 选项卡头显示自定义样式

最新推荐文章于 2024-08-11 11:02:37 发布

哈哈哈嗝哈哈哈

最新推荐文章于 2024-08-11 11:02:37 发布

阅读量3.7k

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/weixin_43387812/article/details/115630084

版权

vue ant

Vue 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<template>
  <div>
    <a-tabs default-active-key="1" @change="callback">
      <a-tab-pane key="1">
        <a-button slot="tab" type="primary"> Primary </a-button>
      </a-tab-pane>
      <a-tab-pane key="2" tab="Tab 2"> Content of Tab Pane 2 </a-tab-pane>
      <a-tab-pane key="3" tab="Tab 3"> Content of Tab Pane 3 </a-tab-pane>
    </a-tabs>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {
    callback(key) {
      console.log(key);
    },
  },
  
  created() {},
};
</script>
// TabBarTabsNode.js 80行
在 a-tab-pane 中使用插槽 名称必须是tab因为源码中写死了