el-table多选,分页切换时,选中内容不变;清空多选的内容

devtools/2024/11/13 8:56:20/

el-table中添加:row-key=“getRowKeys”
设置true【 :reserve-selection=“true”】

javascript">:row-key="getRowKeys" <el-table-column type="selection" :reserve-selection="true" width="55" align="center" fixed="left" />
<el-table ref="multipleTable" :row-key="getRowKeys" :data="tableData" role="table"height="100%" @selection-change="handleSelectionChange":header-cell-style="{ background: '#1890ff', color: '#fff', fontSize: '14px', fontFamily: 'SourceHanSansSC-Medium', fontWeight: '500' }"size="small"><el-table-column type="selection" :reserve-selection="true" width="55" align="center" fixed="left" /><el-table-column type="expand" width="55" fixed="left"> <template slot-scope="props"><el-form style="padding: 0 20px;" label-position="left" inline class="demo-table-expand"><el-form-item :style="'width:380px'" v-for="(i, j) in columns" :label="i.label + ':'" :key="j"><span>{{ props.row[i.prop] }}</span></el-form-item></el-form></template></el-table-column><el-table-column type="index" :index="indexMethod" width="55" align="center" label="序号" /><template v-for="(item, index) in columns"><el-table-column v-if="queryParams.layout && item.abstract" :key="index" show-overflow-tooltip:label="item.label" align="center" :width="item.width"><template slot-scope="scope"><span>{{ scope.row[item.prop] }}</span></template></el-table-column><el-table-column v-if="!queryParams.layout" :key="index" show-overflow-tooltip :label="item.label"align="center" :width="item.width"><template slot-scope="scope"><span>{{ scope.row[item.prop] }}</span></template></el-table-column></template></el-table>
javascript"> getRowKeys(row) {return row.id},

清空多选

javascript"> this.$refs.multipleTable.clearSelection()

http://www.ppmy.cn/devtools/114118.html

相关文章

day14-单例设计模式动态代理

一、单例设计模式 单例设计模式作用&#xff1a;确保一个类只有一个对象。场景&#xff1a;计算机中的回收站、任务管理器、Java中的Runtime类等好处&#xff1a;在这些业务场景下&#xff0c;使用单例模式&#xff0c;可以避免浪费内存。 1.1 饿汉式 饿汉式(提前创建对象)把类…

828华为云征文|华为云Flexus X实例docker部署Rocket.Chat构建属于自己的团队通讯协作平台

828华为云征文&#xff5c;华为云Flexus X实例docker部署Rocket.Chat构建属于自己的团队通讯协作平台 华为云最近正在举办828 B2B企业节&#xff0c;Flexus X实例的促销力度非常大&#xff0c;特别适合那些对算力性能有高要求的小伙伴。如果你有自建MySQL、Redis、Nginx等服务…

闲鱼网页版开放,爬虫的难度指数级降低。

爬虫&#xff0c;可以说是程序员最基础的热手项目。 之前我也一直说阿里系的签名系统搞得太复杂&#xff0c;风控太高&#xff0c;很不利于正常的自动化工具开发&#xff0c;这对于需要阿里应用的客户来说&#xff0c;也是一个很难覆盖的成本支出不是。 当然&#xff0c;我做项…

iPhone 16系列:摄影艺术的全新演绎,探索影像新境界

在科技的浪潮中&#xff0c;智能手机摄影功能的进化从未停歇。 苹果公司即将推出的iPhone 16系列&#xff0c;以其卓越的相机升级和创新特性&#xff0c;再次站在了手机摄影的前沿。 从硬件到软件&#xff0c;从拍照体验到图像处理&#xff0c;iPhone 16系列都展现了其在移动…

python毕业设计基于django+vue医院社区医疗挂号预约综合管理系统7918h-pycharm-flask

目录 技术栈和环境说明预期达到的目标具体实现截图系统设计Python技术介绍django框架介绍flask框架介绍解决的思路性能/安全/负载方面可行性分析论证python-flask核心代码部分展示python-django核心代码部分展示操作可行性技术路线感恩大学老师和同学详细视频演示源码获取 技术…

数据结构与算法-18算法专向(hash)

话题引入&#xff1a; 给你N&#xff08;1<N<10&#xff09;个自然数,每个数的范围为&#xff08;1~10000000000&#xff09;。现在让你以最快的速度判断某一个数是否在这N个数内&#xff0c;不得使用已经封装好的类&#xff0c;该如何实现。 A[] new int[N1]&#xff…

k8s1.27.7部署higress,代理非k8s集群业务

一、简介 Higress是基于阿里内部的Envoy Gateway实践沉淀、以开源Istio + Envoy为核心构建的云原生API网关,实现了流量网关 + 微服务网关 + 安全网关三合一的高集成能力,深度集成Dubbo、Nacos、Sentinel等微服务技术栈,能够帮助用户极大的降低网关的部署及运维成本且能力不…

使用llama.cpp 在推理MiniCPM-1.2B模型

llama.cpp 是一个开源项目&#xff0c;它允许用户在C中实现与LLaMA&#xff08;Large Language Model Meta AI&#xff09;模型的交互。LLaMA模型是由Meta Platforms开发的一种大型语言模型&#xff0c;虽然llama.cpp本身并不包含LLaMA模型的训练代码或模型权重&#xff0c;但它…