【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);
    }
相关推荐
Apifox4 分钟前
Apifox 11 月更新|AI 生成测试用例能力持续升级、JSON Body 自动补全、支持为响应组件添加描述和 Header
前端·后端·测试
木易士心4 分钟前
深入剖析:按下 F5 后,浏览器前端究竟发生了什么?
前端·javascript
在掘金801106 分钟前
vue3中使用medium-zoom
前端·vue.js
xump28 分钟前
如何在DevTools选中调试一个实时交互才能显示的元素样式
前端·javascript·css
折翅嘀皇虫29 分钟前
fastdds.type_propagation 详解
java·服务器·前端
Front_Yue30 分钟前
深入探究跨域请求及其解决方案
前端·javascript
wordbaby32 分钟前
React Native 进阶实战:基于 Server-Driven UI 的动态表单架构设计
前端·react native·react.js
抱琴_32 分钟前
【Vue3】我用 Vue 封装了个 ECharts Hooks,同事看了直接拿去复用
前端·vue.js
风止何安啊34 分钟前
JS 里的 “变量租房记”:闭包是咋把变量 “扣” 下来的?
前端·javascript·node.js
老华带你飞36 分钟前
社区养老保障|智慧养老|基于springboot+小程序社区养老保障系统设计与实现(源码+数据库+文档)
java·数据库·vue.js·spring boot·小程序·毕设·社区养老保障