element 表格跨页支持多选

html

 <el-table v-loading="listLoading"
              :data="dataList"
              ref="activityTable"
              :header-cell-style="{ background: '#f5f7fa' }"
              element-loading-text="拼命加载中"
              @selection-change="list => (selectList = list)"
              border
              :row-key="(row) => {return row.id}"
              height="400"
              @row-click="handleRowClick"
              highlight-current-row>
      <el-table-column type="selection"
                       :reserve-selection="true"></el-table-column>
      <el-table-column label="商品编码"
                       align="center"
                       prop="goodsSn"></el-table-column>
    </el-table>



注：

　　handleRowClick (row, column, event) {

      this.$refs.activityTable.toggleRowSelection(row);

    },

清楚选中效果 

 this.$refs.activityTable.clearSelection()  //清空选中