el-table组件分页时选中数据时数据回显

貂蝉空大

已于 2024-08-02 18:57:49 修改

阅读量658

点赞数 12

分类专栏： vue JavaScript 文章标签： vue.js javascript elementui

于 2024-01-29 11:11:54 首次发布

本文链接：https://blog.csdn.net/cyj0919/article/details/135907866

版权

JavaScript 同时被 2 个专栏收录

28 篇文章 0 订阅

订阅专栏

vue

18 篇文章 0 订阅

订阅专栏

本文主要介绍了如何在Vue应用中使用ElementUI的el-table组件，特别关注了如何设置row-key属性以标识行唯一性以及如何启用多选功能并保留已选状态的reserve-selection选项。

摘要由CSDN通过智能技术生成

<el-table :data="depardata" :row-key="getRowKeys" @selection-change="handleSelectionChange">
  <el-table-column type="selection" width="55" :reserve-selection="true">
   </el-table-column>
</el-table>
<script>
//方法
    getRowKeys(row) {
            return row.id;
        }
</script>

两个需要注意的点需要设置row-key 同时在在选择框需设置reserve-select 为true