antd的a-table选中复选框后,删除操作还仍然存在选中项的问题暴力解决法
在antd的a-table中有复选框,选中后进行操作,比如删除,刷新后竟然还存在选中了的情况,这显然不合理,选中的参数是否清空或者拿到的就是选中的参数,都需要查看一边,查了一堆解决办法,试了一下,不行,不知道是不是vue3的情况就不行。
网络中的方案大多都是:
<a-table
bordered
:dataSource="props.roleDatas.list"
:columns="tableColumns"
:rowSelection="rowSelection"
:scroll="{ x: 800, y: 490 }"
@change="onChangeTable"
:pagination="false"
/ >
const rowSelection = {
selectedRowKeys, // 都说清空这里就行,试了一下选择有问题,没尝试了,有空的人可以继续试试vue3这里的处理方式
onChange: (selectedRowKeys, selectedRows) => {
},
};
看到的都是react或者vue2的此处处理,不知道vue3是否有效,试了一下没成功,最后只好自己暴力解决了。
我的思路就是table这一类的渲染问题,实质上选中的数据已经清空,那么只需要重新渲染这个表格就好了,
重新渲染最简单的就是加个key值,改变key值就行了,所以
<a-table
:key="'key'+keyNum"
bordered
:dataSource="props.roleDatas.list"
:columns="tableColumns"
:rowSelection="rowSelection"
:scroll="{ x: 800, y: 490 }"
@change="onChangeTable"
:pagination="false"
/ >
let keyNum =ref(0)
删除成功写上 keyNum.value++
成功。
有弄出的的小伙伴记得留言。
分类:
91vue.js
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
2020-07-28 圣杯布局的骚写法