elementUI 表格组件复选框回显问题

官方文档的关键

 

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出了问题

认真看文档真的很重要