【el-table 可实现分页勾选数据】

分页勾选数据

第一步

复制代码
    <el-table
      ref="table"
      size="small"
      style="width: 100%;"
        :row-key="getRowKeys"
      @selection-change="selectionChangeHandler"
    >

第二步

复制代码
      <el-table-column
        type="selection"
        width="40"
        align="center"
        fixed="left"
        :reserve-selection="true"
      />

第三步

复制代码
   * 必须返回
    getRowKeys(row) {
        return row.id;
    },
    selectionChangeHandler(selection) {
        console.log('selection', selection);
    }
相关推荐
魔术师ID10 分钟前
vue 指令
前端·javascript·vue.js
凌冰_12 分钟前
CSS3 变形
前端·css·css3
Clown9540 分钟前
Go语言爬虫系列教程 实战项目JS逆向实现CSDN文章导出教程
javascript·爬虫·golang
GISer_Jing1 小时前
前端图形渲染 html+css、canvas、svg和webgl绘制详解,各个应用场景及其区别
前端·html·图形渲染
零凌林1 小时前
使用exceljs将excel文件转化为html预览最佳实践(完整源码)
前端·html·excel·vue3·最佳实践·文件预览·exceljs
星空寻流年1 小时前
css3基于伸缩盒模型生成一个小案例
javascript·css·css3
二十雨辰1 小时前
[CSS3]属性增强1
前端·css·css3
smileNicky2 小时前
在 VSCode 中运行 Vue.js 项目
ide·vue.js·vscode
waterHBO2 小时前
直接从图片生成 html
前端·javascript·html
EndingCoder3 小时前
JavaScript 时间转换:从 HH:mm:ss 到十进制小时及反向转换
javascript