element el-table 多选搜索选中,表格多选搜索时保持选中状态

518 阅读1分钟

element el-table 多选搜索选中,表格多选搜索时保持选中状态

场景:对表格中数据进行前端搜索时,之前选中的数据行会丢失,选中的行没法和搜索后的数据进行同步

1、eltable 中加入<el-table :row-key="getRowKey"

                         <el-table :row-key="getRowKey"

2、el-table-column中打开reserve-selection

                       <el-table-column type="selection" width="" :reserve-selection="true">
                             </el-table-column>

3、methods方法中加入getRowKey

getRowKey(row){
        return row.cameraId},//row.id key 

上述三个步骤 解决