点击弹框，Antd table打开弹框应该显示上次已经选中的行

最新推荐文章于 2024-07-30 16:49:30 发布

肉骨茶rr

最新推荐文章于 2024-07-30 16:49:30 发布

阅读量134

点赞数

分类专栏：前端文章标签：前端 vue.js 前端框架

本文链接：https://blog.csdn.net/m0_58094704/article/details/130078920

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<a-table rowKey="id":rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange, }">

onSelectChange(selectedRowKeys, selectedRows) {
  this.selectedRowKeys = selectedRowKeys;
  this.selectedRows = [...this.selectedRows, ...selectedRows];
  const uniqueSelectedRows = new Set(this.selectedRows);
  const forData = [...uniqueSelectedRows];
  this.selectedRows = forData.filter((element) =>
  selectedRowKeys.includes(element.id)
   );
 },

// 弹框方法，把上次选中的值通过发放带过来
editDetail(datas) {
    this.selectedRowKeys = [];
    this.selectedRows = [];
     if (datas && datas.length) {
       this.selectedRows = JSON.parse(JSON.stringify(datas));
       this.selectedRows.forEach((element, index) => {
       this.selectedRowKeys.push(element.id);
     });
   }
 },