el-carousel与el-tabs结合

el-carousel和el-tabs可以结合使用，实现在每个tab切换时，自动切换到对应的carousel项。

具体实现方法如下：

1. 在el-tabs中添加一个v-model绑定当前选中的tab的index值。

2. 在el-carousel中添加一个v-model绑定当前显示的carousel项的index值。

3. 监听el-tabs的tab切换事件，当切换时，将当前tab的index值赋值给el-carousel的index值，即可实现自动切换。

示例代码如下：

<template>
  <div>
    <el-tabs v-model="activeTab" @tab-click="handleTabClick">
      <el-tab-pane label="Tab 1">Content of Tab Pane 1</el-tab-pane>
      <el-tab-pane label="Tab 2">Content of Tab Pane 2</el-tab-pane>
      <el-tab-pane label="Tab 3">Content of Tab Pane 3</el-tab-pane>
    </el-tabs>
    <el-carousel v-model="activeCarousel">
      <el-carousel-item>Carousel 1</el-carousel-item>
      <el-carousel-item>Carousel 2</el-carousel-item>
      <el-carousel-item>Carousel 3</el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeTab: '0',
      activeCarousel: 0
    }
  },
  methods: {
    handleTabClick(tab) {
      this.activeCarousel = tab.index
    }
  }
}
</script>