Ant Design Vueのtablsタブヘッダにカスタムスタイルが表示されます

5197 ワード

<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