请问vue使用element-ui框架，点击不同的按钮，显示不同的表格怎么实现，DDDD

点击未签到，操作显示为 查看 ---签到--取消

点击已签到--》表单刷新查询 ---》操作显示：查看  弃号

最后一个表格展示的内容通过v-if做个判断，比如type
点击未签到 type = 1 ，展示内容是。。。
点击已签到 type = 2,展示内容是。。。

// 点击的时候，给type 赋值
<el-table-column label="操作"width="210">
                <template slot-scope="scope">
                <el-button v-if="type === '未签到' || type === '已签到'" >查看</el-button>
                <el-button v-if="type === '未签到'">签到</el-button>
                <el-button v-if="type === '未签到'">取消</el-button>
                <el-button v-if="type === '已签到'">弃号</el-button>
              </template>
            </el-table-column>

```javascript

1. 切换 不同表格写四个表格 。

第二种

根据tab change事件 的type 判断 给表格 不同的 数据和表头