【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);
    }
相关推荐
ViavaCos8 分钟前
pnpm v11 的安全策略,让我踩了个坑
前端
To_OC9 分钟前
从一段定时器代码,重新捋清 JS 同步、异步与 Promise
前端·javascript·代码规范
持敬chijing11 分钟前
Web渗透之前后端漏洞-XSS漏洞原理攻击防御全流程
前端·安全·web安全·网络安全·网络攻击模型·安全威胁分析·xss
程序员黑豆17 分钟前
AI全栈开发 - Java:注释
前端·后端·ai编程
痕忆丶26 分钟前
Typora 的替代marktext,marktext切换中文
前端
拙慕JULY31 分钟前
小程序返回 base64 文件报错
开发语言·javascript·小程序
数据知道33 分钟前
字体与排版防线:ClientRects 与系统字体枚举的底层拦截与伪造
javascript·数据采集·指纹浏览器·风控·浏览器指纹
小二·35 分钟前
Spring Boot 3 + Vue 3 全栈开发实战
vue.js·spring boot·后端
羊羊小栈38 分钟前
Uplift营销供应链协同决策系统(基于Uplift因果推断与运筹优化算法)
前端·人工智能·算法·毕业设计·大作业
阿猫的故乡41 分钟前
Vue组合式函数(Composables)从入门到实战:鼠标跟踪、请求封装、本地存储……全案例拆解
前端·vue.js·计算机外设