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

    技术2022-07-10  139

    官方文档的关键

     

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

    认真看文档真的很重要 

     

     

    Processed: 0.011, SQL: 9