【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);
    }
相关推荐
小北方城市网4 分钟前
第 5 课:Vue 3 HTTP 请求与 UI 库实战 —— 从本地数据到前后端交互应用
大数据·前端·人工智能·ai·自然语言处理
踢球的打工仔5 分钟前
ajax的基本使用(上传文件)
前端·javascript·ajax
老华带你飞6 分钟前
农产品销售管理|基于springboot农产品销售管理系统(源码+数据库+文档)
数据库·vue.js·spring boot
樊小肆6 分钟前
ollmam+langchain.js实现本地大模型简单记忆对话-内存版
前端·langchain·aigc
徐小夕9 分钟前
pxcharts 多维表格开源!一款专为开发者和数据分析师打造的轻量化智能表格
前端·架构·github
电商API&Tina10 分钟前
跨境电商速卖通(AliExpress)数据采集与 API 接口接入全方案
大数据·开发语言·前端·数据库·人工智能·python
编程乐学(Arfan开发工程师)20 分钟前
信息收集与分析详解:渗透测试的侦察兵 (CISP-PTE 核心技能)
java·开发语言·javascript·python
Mintopia24 分钟前
🏗️ B端架构中的用户归因与埋点最佳实践
前端·react.js·架构
码界奇点24 分钟前
基于Gin+Vue的前后端分离权限管理系统设计与实现
前端·vue.js·车载系统·毕业设计·gin·源代码管理
LYFlied35 分钟前
前端跨端技术全景解析:从本质到未来
前端·职场和发展·跨端