el-table加分页后多选翻页后仍保持选中状态

在el-table中加 :row-key=“getRowKeys”,在type为selection的el-table-column中添加:reserve-selection=“true”,在js的methods中加getRowKeys方法,即可实现table翻页及搜索查询后仍保持之前的选中状态;

<el-table
      ref="multipleTable"
      :data="tableData"
      tooltip-effect="dark"
      size="mini"
      stripe
      height="560px"
      @row-click="handleClickTableRow"
      @selection-change="handleSelectionChange"
      :row-key="getRowKeys"
    >
    <el-table-column type="selection" :reserve-selection="true"></el-table-column>
</el-table>
getRowKeys(row) {
      return row.id;
    },

猜你喜欢

转载自blog.csdn.net/m0_53942074/article/details/137560191