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

本文主要介绍了如何在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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值