tabs

基础用法

1111111

222222

3333333

<template>
  <ykc-tabs :tabList="tabList" :active="activeName" @tabClick="tabClick">
    <div slot="first">1111111</div>
    <div slot="second">222222</div>
    <div slot="third">3333333</div>
  </ykc-tabs>
</template>
<script>
export default {
  data() {
    return {
      tabList: [
          {
            label: '第一个',
            name: 'first',
          },
          {
            label: '第二个',
            name: 'second',
          },
          {
            label: '第三个',
            name: 'third',
          },
        ],
        activeName: 'first',
    };
  },
  methods: {
    tabClick(e) {
      console.log(e);
    },
  }
};
</script>

显示代码 复制代码 复制代码

Attributes

参数	必填	说明	类型	可选值	默认值
tabList	否	卡片列表	Array	无	[]
active	否	默认选中	String	无	''

Events

事件名称	说明	回调参数
tabClick	tab 被选中时触发	被选中的标签 tab 实例