解决element-ui e-table表格中使用多选,当翻页时已选中的数据丢失

用element-ui中的table时,当有多选又有翻页功能时,点击翻页后之前选中的数据会丢失,怎么使表格具有记忆功能呢

element-ui API中有几个属性可以供我们完美解决这个问题

1.单元格的属性和方法:

2.表格的方法:

javascript 复制代码
 <el-table v-if="dialogType == 0" ref="multipleTable" :data="dialogData" max-height="500px"
                @selection-change="handleSelectionChange"  :row-key="getRowKeys">
        <el-table-column type="selection" width="55" show-overflow-tooltip :reserve-selection="true"></el-table-column>
        <el-table-column prop="name" align="center" label="账号" show-overflow-tooltip></el-table-column>
   </el-table>

  data() {
      return {
        getRowKeys(row) {
        return row.userid;
      },
}
相关推荐
摘星编程10 小时前
用React Native开发OpenHarmony应用:Calendar日期范围选择
javascript·react native·react.js
东东51610 小时前
基于vue的电商购物网站vue +ssm
java·前端·javascript·vue.js·毕业设计·毕设
MediaTea10 小时前
<span class=“js_title_inner“>Python:实例对象</span>
开发语言·前端·javascript·python·ecmascript
雨季66611 小时前
Flutter 三端应用实战:OpenHarmony “微光笔记”——在灵感消逝前,为思想点一盏灯
开发语言·javascript·flutter·ui·dart
编码者卢布11 小时前
【Azure Stream Analytic】用 JavaScript UDF 解决 JSON 字段被转成 Record 的关键点
javascript·json·azure
梦梦代码精11 小时前
开源、免费、可商用:BuildingAI一站式体验报告
开发语言·前端·数据结构·人工智能·后端·开源·知识图谱
松树戈11 小时前
滥用AI生图引起的JavaScript heap out of memory排查记录
vue.js·ai编程
0思必得011 小时前
[Web自动化] Selenium执行JavaScript语句
前端·javascript·爬虫·python·selenium·自动化
程序员敲代码吗11 小时前
MDN全面接入Deno兼容性数据:现代Web开发的“一张图”方案
前端
0思必得011 小时前
[Web自动化] Selenium截图
前端·爬虫·python·selenium·自动化