在做專案的時候會碰到一些表格操作的問題其中我歸整了一下有關於多選功能的一些記錄

一：預設選中其中一行

<el-table
    class="editTable"
    :data="list && list.slice((currentPage - 1) * pageSize, currentPage * pageSize)"
    border
    ref="multipleTable"
    @selection-change="selectionChange"
    v-loading="loading">
</el-table>

this.$refs.multipleTable.toggleRowSelection(this.$refs.multipleTable.data[0],true);

二：觸發清空所有選中狀態

this.$refs.multipleTable.clearSelection();

三：分頁選中記錄所有選中狀態攜帶記憶功能（表格資料過多需要分頁）

:row-key="(row) => row.id"  和  多選 column 新增記憶功能 :reserve-selection="true"

<el-table
    class="editTable"
    :data
 
="list && list.slice((currentPage - 1) * pageSize, currentPage * pageSize)"
    border
    ref="multipleTable"
    :row-key="(row) => row.id"
    @selection-change="selectionChange"
    v-loading="loading">

   <el-table-column
      :type="type"
      :reserve-selection="true">
    </el-table-column>

</el-table>

-----有新的隨時更新 2021/7/9