效果如下：

 element ui切换table组件式_ico

 我用下面这个代码是因为，我这边的tab切换是每个不同的页面的哦，感觉这样写方便点

 <el-breadcrumb separator-class="el-icon-arrow-right">
       <el-breadcrumb-item :to="{ path: '/shouye' }">首页</el-breadcrumb-item>
       <el-breadcrumb-item :to="{ path: '/huodong' }">活动管理</el-breadcrumb-item>
       <el-breadcrumb-item>活动列表</el-breadcrumb-item>
       <el-breadcrumb-item>活动详情</el-breadcrumb-item>
       <router-view></router-view>
 </el-breadcrumb>

 如果你只是单页面简单的tab切换，就用下面的这个代码就可以

<div class="tabs">
  <el-tabs v-model="activeName">
    <el-tab-pane label="待办事项" name="first"></el-tab-pane>
    <el-tab-pane label="已办事项" name="second"></el-tab-pane>
  </el-tabs>
</div>

然后再data里面设置下activeName