el-table复选框点击全选后又全部自动取消选中

WDY66886688

已于 2024-01-15 15:01:30 修改

阅读量1k

点赞数 10

CC 4.0 BY-SA版权

分类专栏： elementUI 文章标签： elementui

于 2024-01-15 10:26:08 首次发布

本文链接：https://blog.youkuaiyun.com/WDY66886688/article/details/135595178

elementUI 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了在Vue中使用ElementUI表格组件时，如何设置row-key属性以确保数据唯一性，并提醒避免使用index作为key，以及如何配置selection列以实现多选功能和保留选择状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<el-table  
  :row-key="row => row.id" // id为表格数据中的一个属性（唯一），row为每一行数据
    <el-table-column
        type="selection"
        :reserve-selection="true"
        row-key="id" // row-key此时不带冒号，绑定值为数据中属性id,注：表格中不建议使用index作为key，删除数据时，索引会自动连续;如果没有这行，会导致选中每一行，打印的都是改行数据，但复选框高亮的都是当前页最后一行
        width="55">
    </el-table-column>   
</el-table>