[TOC] >[success] # elementUI，table复选框多选，翻页/切换条数时保持选中状态 1. 通过 **type="selection"** 设置 **复选框列** ，**重点在于 reserve-selection 属性，设置为true时，数据更新之后保留之前选中的数据**。 2. 需要表格 **属性“row-key”** 的配合，在使用 **reserve-selection** 功能的情况下，该属性是必填的。将 **row-key** 设置为表格中唯一的字段名称（例如programId）。这样就实现了后端分页在翻页或切换条数时，记住之前的复选框选项。 ## 示例代码 ~~~ <template> <el-table border ref="multipleTable" v-loading='loading' :data="tableData" tooltip-effect="dark" size="mini" row-key="programId" @sort-change='sortChange' @selection-change="handleSelectionChange"> <el-table-column type="selection" :reserve-selection="true"></el-table-column> <el-table-column fixed prop="programId" label="节目壳ID" sortable='custom'></el-table-column> </el-table> </template> <script> export default{ data(){ return{ selectArr: [] // 选中的表格元素数组 } }, methods: { handleSelectionChange(val) { this.selectArr = val } } } </script> ~~~