【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);
    }
相关推荐
G***669114 分钟前
前端性能优化插件,CSS与JavaScript压缩插件实战指南
前端·javascript·css
百花~21 分钟前
Spring Web MVC~
前端·spring·mvc
WX-bisheyuange25 分钟前
基于Spring Boot的老年人的景区订票系统
vue.js·spring boot·后端·毕业设计
fruge35 分钟前
大流量场景踩坑:前端如何应对秒杀活动的并发请求
前端
IT_陈寒1 小时前
Vue 3.4 性能优化实战:7个被低估的Composition API技巧让你的应用提速30%
前端·人工智能·后端
鹏多多1 小时前
React的useRef的深度解析与应用指南
前端·javascript·react.js
chilavert3181 小时前
技术演进中的开发沉思-194 JavaScript: Prototype 框架
开发语言·javascript·原型模式
你说啥名字好呢1 小时前
【Vue 渲染流程揭秘】
前端·javascript·vue.js·vue3·源码分析
艾小码1 小时前
Vue表单组件进阶:打造属于你的自定义v-model
前端·javascript·vue.js
Alang1 小时前
【LM-PDF】一个大模型时代的 PDF 极速预览方案是如何实现的?
前端·人工智能·后端