[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> ~~~