【elementplus】 el-table toggleRowSelection无效解决方案

袁姓小丸子

已于 2024-06-27 11:15:24 修改

阅读量461

点赞数 5

分类专栏：踩坑之路文章标签： elementui

于 2024-06-27 11:08:52 首次发布

本文链接：https://blog.csdn.net/tangyuan121/article/details/140008215

版权

踩坑之路专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1、首先看下我之前的写法：

rows.forEach((row) => {
   multipleTableRef.value!.toggleRowSelection(row,undefined)
})

怎么尝试都是没办法反选表格的对应列，后来看到一个博主写的解决办法：

list.value是表格的data内容：

nextTick(() => {
  list.value.forEach(item => {
    let result = rows.find(row => row.id == item.id);
    if (result) {
      multipleTableRef.value.toggleRowSelection(item, true);
    }
  });
});

完整内容：

<el-table
  ref="multipleTableRef"
  v-loading="loading"
  :data="list"
  @selection-change="handleSelectionChange"
  row-key="id"
  height="300"
>
  <el-table-column type="selection" width="50" />
</el-table>

const toggleSelection = (rows?: []) => {
  if (rows) {
    nextTick(() => {
      list.value.forEach(item => {
        let result = rows.find(row => row.id == item.id);
        if (result) {
          multipleTableRef.value.toggleRowSelection(item, true);
        }
      });
    });
  } else {
    multipleTableRef.value.clearSelection()
  }
}

踩坑之路，仅供大家参考