ant-design-vue 3 a-table保留选中状态

news/2025/2/7 7:39:06/

业务需求需要保留选中状态

	 <a-table class="satistic-table" :row-selection="{ selectedRowKeys: selectedRowKeys, onSelect:onSelect,onSelectAll:onSelectAll }" :row-key="(row)=>{ return row.customerId}" :columns="columns" :data-source="tableData" ></a-table>
	const selectedRowKeys = ref([])//选择行const onSelect = (record, selected, selectedRows) => {if (selected) {selectedRowKeys.value = [record.customerId, ...selectedRowKeys.value]} else {selectedRowKeys.value = selectedRowKeys.value.filter((item) => item !== record.customerId)}}// 点击全选按钮const onSelectAll = (selected, selectedRows, changeRows) => {if (selected) {selectedRowKeys.value = [...selectedRowKeys.value, ...changeRows.map((item) => item.customerId)]} else {selectedRowKeys.value = selectedRowKeys.value.filter((item) => !changeRows.map((item) => item.customerId).includes(item))}}

最终结果,翻页不丢失key
selectedRowKeys : 所有选择key


http://www.ppmy.cn/news/1173209.html

相关文章

Jenkins CLI二次开发工具类

使用Jenkins CLI进行二次开发 使用背景 公司自研CI/DI平台&#xff0c;借助JenkinsSonarQube进行代码质量管理。对接版本 Jenkins版本为&#xff1a;Version 2.428 SonarQube版本为&#xff1a;Community EditionVersion 10.2.1 (build 78527)技术选型 Java对接Jenkins有第…

SNCP,子网连接保护简介

文章目录 SNCP特点SNCP的保护原理及类型ODUk SNCP工作原理SNCP分类SNC/N&#xff0c;子网连接保护/非介入监测ODUk SNC/ N 保护示意图ODUk SNC/N 的倒换条件 SNCP&#xff08;SubNetwork Connection Protection&#xff09;是一种跨子网的保护机理&#xff0c;可以保护不同基本…

.obj模型文件(带材质和纹理)合并的基本思路

1、将v开头的顶点信息依次拷贝到合并新.obj中 2、将vt纹理坐标依次拷贝到合并新.obj中 3、f&#xff08;面&#xff09;的合并 步骤&#xff1a; &#xff08;1&#xff09;第一个obj文件的f&#xff08;面&#xff09;原封不动拷进新.obj中 &#xff08;2&#xff09;第二个…

好商品好内容好运营,图文免佣这些爆单技巧你会吗?

图文带货正在成为抖音电商商家们生意增长的新阵地。不同于平台传统的短视频、直播带货&#xff0c;图文体裁以其用户需求大、消费粘性高、深度互动强、正向反馈好的优势&#xff0c;令商家们看到生意新可能&#xff1b;而几张图背景音乐就能实现图文带货的便捷&#xff0c;也为…

C语言_文件_进程_进程间通讯 常用函数/命令 + 实例

文件相关命令&#xff1a; ps -aux|grep init? //搜索包含init名称的进程 top //linux下的资源管理器&#xff08;动态&#xff09;//open 返回的int 是给后面的读/写/光标移动 用的fd&#xff0c;没有open就不能进行后面的操作&#xff1b; int op…

网络通信和tcp协议

一、计算机网络架构模型 1、OSI七层模型 2、TCP/IP模型 3、TCP/IP协议族 无论是什么网络模型&#xff0c;都是为上一层提供服务&#xff0c;抽象层建立在低一层提供的服务上&#xff0c;每层都对应不同的协议 4、地址和端口号 1&#xff09;MAC地址 MAC 地址共 48 位&#…

Conmi的正确答案——Ubuntu修改国内源(阿里云 aliyun)

Ubuntu版本&#xff1a;ubuntu:rolling&#xff08;docker&#xff09; # 备份 cp /etc/apt/sources.list /etc/apt/sources.list.bak# sed替换 sed -i s/archive.ubuntu.com/mirrors.aliyun.com/g /etc/apt/sources.list

Unity BatchRendererGroup 在低端设备上也实现高帧率

在这篇文章中&#xff0c;我们描述了一个小型射击游戏样本&#xff0c;它可以动画和渲染几个交互式对象。许多演示只针对高端pc&#xff0c;但这里的目标是在使用GLES 3.0的廉价手机上实现高帧率。这个例子使用了BatchRendererGroup, Burst编译器和c#作业系统。它运行在Unity 2…