Element-UI的table实现分页多选功能
在el-table中添加:row-key="getRowKeys"
复制<el-table ref="form" :model="form" :row-key="getRowKeys" @selection-change="handleChange" > </el-table>
复制getRowKeys(row) { return row.id }, handleChange(selection) { console.log(selection) }
然后第一列,即有多选框的一列,添加 :reserve-selection="true"
复制<el-table-column type="selection" :reserve-selection="true"></el-table-column>
本文版权归作者和博客园共有,欢迎转载。但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接,否则保留追究法律责任的权利!
作者:刘呵呵
QQ:352887191
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】博客园携手 AI 驱动开发工具商 Chat2DB 推出联合终身会员
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步