vue+element el-table有關Checkbox的一些功能

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

   一：默認選中其中一行

<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