elementui表格動態切換列的展示

應用場景，動態切換表格列的展示如圖

代碼實現

首先，不要使用v-show，要使用v-if。
其次，表格加載屬於懶加載，所以每次切換內容需要讓表格重新加載一次
實現方法，給表格加索引，每次切換改變索引值

<el-table v-loading="listLoading"
              :data="list"
              border
              ref="multipleTable"
              fit
              style="width: 100%;"
              :key="showIndex"
              :row-style="rowStyle"
              :row-class-name="rowClassName"
              @row-click="rowClick"
              @selection-change="handleSelectionChange">
      <el-table-column :type="typeShow ? 'selection' : 'index'"
                       align="center"
                       label="序號"
                       :selectable="selectable"
                       width="45">
      </el-table-column>
</el-table>

通過按鈕切換狀態
this.typeShow = !this.typeShow;
this.showIndex = Math.random();