elementui实现表表格el-table分页,默认选中,回显
·
<el-table ref="multipleTable" v-loading="loading" :data="userList" :row-key="getRowKey" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="50" align="center" :reserve-selection="true" />
<el-table-column label="序号" align="center" type="index" />
</el-table>
首先表格上可以参考上面代码,ref、row-key、selection-change、type="selection"、:reserve-selection="true"都是需要设置的,并且表格绑定的data初始值不能为null,可以设置[],
需要设置一个数组,用来存放所有需要默认显示的数据,然后判断表格数据id和需要默认选中的id是否一致,一致的就显示出来,

但是这个方法如果是分页并且需要传所有选中的数据到后端要注意一点,不要直接拿selection-change的数据,因为如果分页有几页的数据没有请求回来,会导致缺少部分数据,可以根据初始的所有选中的数据筛选,或者我们是传变更的数据到后端的,判断数据选中的状态有没有改变
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)