element table 多选与分页回显功能_el-table多选回显，2024年Linux运维面试题

需求

vue项目使用elementUI的el-table多选分页回显功能，需要给导入后的员工批量选择添加部门，使用表格分页展示，并且选中的数据要求回显。

效果图

下面六张图包括界面的样式，表格全选与取消全选、选中与取消选中对应的数据编号，以及分页回显逻辑。
图一：数据及界面（左边全部员工每页6条，右边选中的员工不分页）

图二：选中第一页的六条数据与第二页的六条数据

图三：回到第一页可以看到数据正常回显

图四：点击右侧选中员工移除按钮后效果

图五：点击左侧取消选中后的效果（切换页面回显后也没问题）

图六：左侧取消全选的效果（只取消当前界面六条数据的选择，选中员工中的数据是第二页的数据）

实现

话不多说上代码

html

<template>
  <div class="content-box">
    <el-button size="small" type="primary" @click=