antdesign vue中table表格选中项的清除对勾问题

news/2024/10/22 12:24:51/

antd table表格选中对勾,操作之后清除掉复选框对勾

template

javascript">  <a-tableref="table"size="middle":rowKey="(record) => {return record.id;}":columns="columns":dataSource="tableData":loading="loading":rowSelection="rowSelection"></a-table>

javascript

javascript">const columns = [
{title: "序号",customRender: (text, record, index) => `${index + 1}`,scopedSlots: { customRender: "sn" },width: 80,fixed: "left",},{title: "名称",dataIndex: "name",},{title: "操作",scopedSlots: { customRender: "action" },width: 210,},
]
export default {data() {return {columns,loading:false,tableData:[],selectedRowKeys:[]}}computed: {rowSelection() {const { selectedRowKeys } = this;const _this = this;return {selectedRowKeys,  // 一定要加上这一行代码,清除才会有作用onChange: (selectedRowKeys) => {_this.selectedRowKeys = selectedRowKeys;},};},},methods:{clearData () {this.selectedRowKeys = [] // 操作完之后再调用这个方法就有效果了}}
}

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

相关文章

RK3568 学习笔记 : u-boot 下通过设置 env ethact 设置当前工作的以太网设备

前言 正点原子 &#xff1a;RK3568 开发板 atompi-ca1 默认有两个网口&#xff0c;通过 u-boot mii 命令&#xff0c;可以查看 网口信息 > mii device MII devices: ethernetfe010000 ethernetfe2a0000 Current device: ethernetfe010000u-boot 下的以太网&#xff0c;不同…

AIGC文生图 flask base64传递多张图片api

flask后端实现: base64.b64encode from flask import Flask, Response, request,send_file from PIL import Image import torch import io from diffusers import PixArtAlphaPipeline import zipfile import base64 import requests import

ArcGIS中SHP转CAD如何分图层以及颜色等(保留属性信息)

很多小伙伴在使用ArcGIS时&#xff0c;想要将SHP图层转成CAD&#xff0c;但结果发现生成的CAD数据在打开时只保留了线条或者面块&#xff0c;其余的属性信息全部丢失&#xff0c;甚至无法做到分层&#xff0c;分颜色。在ArcGIS中想要实现SHP分图层以及颜色转CAD需要对CAD的字段…

Java面试题:解释CompletableFuture在Java 8中的用途,以及如何用它来实现异步编程

CompletableFuture 是 Java 8 中引入的一个类&#xff0c;它提供了一种用于异步编程的框架。它允许你以声明式的方式执行任务&#xff0c;并处理这些任务的结果或异常。CompletableFuture 是 java.util.concurrent 包的一部分&#xff0c;它扩展了 Future 接口&#xff0c;提供…

智能绘画系统源码系统 后台自由设置会员套餐 带网站的安装包以及安装部署教程

在当今数字化与智能化快速发展的时代&#xff0c;艺术与技术正以前所未有的速度相互融合。为了满足广大绘画爱好者和专业艺术家的需求&#xff0c;我们精心打造了一款智能绘画系统源码系统。该系统不仅具备高度的智能化特性&#xff0c;还提供了丰富的后台管理功能&#xff0c;…

​​​​【收录 Hello 算法】4.4 内存与缓存

目录 4.4 内存与缓存 4.4.1 计算机存储设备 4.4.2 数据结构的内存效率 4.4.3 数据结构的缓存效率 4.4 内存与缓存 在本章的前两节中&#xff0c;我们探讨了数组和链表这两种基础且重要的数据结构&#xff0c;它们分别代表了“连续存储”和“分散存储”两种物理…

数据处理学习笔记9

一些其他的函数 “Resize”和“Reshape”的区别主要在于它们对数组元素数量和形状的处理方式不同&#xff0c;以下是详细介绍&#xff1a; “Resize”通常会改变数组的元素数量&#xff0c;在放大数组形状时会用0补全新增的元素&#xff0c;而在缩小数组形状时会丢弃多余的元素…

如何向Linux内核提交开源补丁?

2021年&#xff0c;我曾经在openEuler社区上看到一项改进Linux内核工具的需求&#xff0c;因此参与过Linux内核社区的开源贡献。贡献开源社区的流程都可以在内核社区文档中找到&#xff0c;但是&#xff0c;单独学习需要一个较长的过程&#xff0c;新手难以入门&#xff0c;因此…