# yuTab tab选项组件

<template>
  <yu-tab :tabs-list="tabDataList" :activeTab="activeTab" @changeIndex="changeIndex"></yu-tab>
</template>

<script>
import yuTab from '@/components/yu-tab/index.vue'
export default {
  components: {
    yuTab
  },
  data() {
    return {
      activeTab: 0,
      tabDataList: [
        {
          title: '合同信息',
          titleMore: '9'
        },
        {
          title: '保证信息'
        },
        {
          title: '抵押信息',
          titleMore: '5'
        },
        {
          title: '质押信息'
        }
      ]
    };
  },
  methods: {
    changeIndex(val) {
      console.log('changeIndex: ', val);
    }
  }
};
</script>