当前位置: 首页 > article >正文

vue3使用element-plus,解决 el-table 多选框,选中后翻页再回来选中失效问题

问题:勾选的数据分页再回来回消失

1.在el-table中加 :row-key="getRowKey"

const getRowKey = (row) => {

return row.id; // id必须是唯一的

};

2.给type为selection的el-table-column添加上reserve-selection属性

   <el-table
       ref="multipleTableRef"
       border
       :data="data.rows"
       @selection-change="handleSelectionChange"
       v-loading="data.dataListLoading"
       element-loading-text="数据加载中..."
       :row-key="getRowKey"
    >
    <el-table-column type="selection" reserve-selection width="55" />
   </el-table>

   const getRowKey = (row) => {
    return row.id;
   };  


http://www.kler.cn/a/456853.html

相关文章:

  • AIA - APLIC之二
  • SpringBoot数据字典字段自动生成对应code和desc
  • 如何使用网络工具进行网络性能评估
  • 期末算法分析程序填空题
  • 项目开发实践——基于SpringBoot+Vue3实现的在线考试系统(四)
  • 基于16QAM的载波同步和定时同步性能仿真,采用四倍采样,包括Costas环和gardner环
  • 如何部署SparkHistoryServer
  • 【Unity/C#】Fisher-Yates洗牌算法
  • 湖仓一体架构解析:数仓架构选择(第48天)
  • 软件安全性测试有多重要?好用的安全测试工具有哪些?
  • 使用 CSS 的 `::selection` 伪元素来改变 HTML 文本选中时的背景颜色
  • docker安装记录
  • leetcode hot100 括号生成
  • 实战ubuntu22.04 软raid查看命令
  • 【AI学习】DeepSeek-V3 技术报告学习:总体架构
  • pugixml XML配置文件 的增删改查
  • Qt中QWidget自定义形状
  • 基于Spring Boot的个人健康管理系统
  • 数据库课程设计-工资管理系统-MySQL
  • Gateway Timeout504 网关超时的完美解决方法
  • 自动化测试启动chrome debug模式
  • Elasticsearch检索方案之一:使用from+size实现分页
  • 基于Oauth2的SSO单点登录---前端
  • .NET周刊【12月第3期 2024-12-15】
  • 深入解析Android Framework中的android.location包:架构设计、设计模式与系统定制
  • TensorFlow深度学习实战(2)——使用TensorFlow构建神经网络