elementui的tab切换

elementui的tab切换是通过el-tabs组件实现的。在el-tabs组件中，v-model绑定值用于确定当前选中的选项卡，而通过@tab-click事件可以监听选项卡的点击事件。

为了解决echart在element的tab切换时显示不正确的问题，可以使用左右箭头来实现导航栏的切换。通过绑定左箭头和右箭头的点击事件，在方法中通过改变activeIndex的值来切换选项卡。

下面是一个示例代码，展示了如何使用左右箭头来实现tab切换：

<template>
  <div class="tab-container">
    <div class="left-arrow" @click="leftChange()">
      <i class="el-icon-arrow-left"></i>
    </div>
    <el-tabs v-model="activeIndex" @tab-click="handleClick">
      <el-tab-pane v-for="(item, index) in data" :key="item.id" :label="item.label" :name="index.toString()">
        <!-- tab内容 -->
      </el-tab-pane>
    </el-tabs>
    <div class="right-arrow" @click="rightChange()">
      <i class="el-icon-arrow-right"></i>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeIndex: '0', // 当前选中的选项卡索引
      data: [
        // tab数据
      ],
    };
  },
  methods: {
    leftChange() {
      let num = Number(this.activeIndex);
      if (num > 0) {
        num--;
      }
      this.activeIndex = num.toString();
    },
    rightChange() {
      let num = Number(this.activeIndex);
      if (num < this.data.length - 1) {
        num++;
      }
      this.activeIndex = num.toString();
    },
    handleClick(tab) {
      // 处理点击选项卡的逻辑
    },
  },
};
</script>