官方文档的关键
table上的属性
正常使用
<el-table :row-key="getkey"> </el-table> //在data里或者methods里 // row 当前行数据 getkey(row){ return row.id }
第二属性
<el-table-column :reserve-selection="true" type="selection"> </el-table-column>最后在table上加个@selection-change="handleSelectionChange"
最后在切换分页时勾选的数据就不会丢失了
最后代码长这样
<el-table :row-key="getkey" @selection-change="handleSelectionChange"> <el-table-column :reserve-selection="true" type="selection"> </el-table-column> </el-table> methods:{ getkey(row){ return row.id }, handleSelectionChange(val){ console.log('最终值',val) } }其实代码很简单只是有时候不注意就会把某些东西遗漏掉,如果没有效果多半时row-key出了问题
认真看文档真的很重要