背景

一個(gè) el-table 表格，需要在不同大小的屏幕上顯示不同的列數(shù)，然后用戶可以切換是否顯示全部列數(shù)。

不靠譜的解決方案

1. 列上添加 v-show，不知道為啥，反正不好使。
2. 列上添加 v-if 并為每列添加 :key="Math.random()"，CSDN 一位作者 使用這個(gè)方法解決了這個(gè)問題，但是經(jīng)我嘗試之后并不好使。

靠譜的解決方案

列上添加 v-if 并為每列綁定一個(gè)固定的 key。這個(gè) key 可以是手動(dòng)寫的，也可以是列的 index。
示例參考：CSDN 另一位作者

<el-table :data="tableData" border stripe>
  <el-table-column key="1" type="index" label="序號"></el-table-column>
  <el-table-column key="2" prop="orgName" label="單位"></el-table-column>
  <el-table-column key="3" prop="personName" label="姓名"></el-table-column>
  <el-table-column key="4" v-if="staticsTmp" prop="ruleAttendanceDuration" label="外勤（小時(shí)）"></el-table-column>
  <el-table-column key="5" v-if="staticsTmp" prop="innerDutyDuration" label="內(nèi)勤（小時(shí)）"></el-table-column>
  <el-table-column key="6" v-if="staticsTmp" prop="leaveCount" label="請假（小時(shí)）"></el-table-column>
  <el-table-column key="7" v-if="staticsTmp" prop="changeCount" label="調(diào)休（小時(shí)）"></el-table-column>
  <el-table-column key="8" v-if="staticsTmp" prop="lendCount" label="借出（小時(shí)）"></el-table-column>
</el-table>