【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);
    }
相关推荐
Mintopia21 小时前
多模态 AIGC 在 Web 内容创作中的技术融合实践:把“创作引擎”装进浏览器
前端·javascript·aigc
鹏多多.21 小时前
flutter-使用fluttertoast制作丰富的高颜值toast
android·前端·flutter·ios
Mintopia21 小时前
Next.js 的 Web Vitals 监测与 Lighthouse 分析:从底层到实战的快乐科学
前端·javascript·next.js
charlie1145141911 天前
前端三件套简单学习:HTML篇1
开发语言·前端·学习·html
很多石头1 天前
前端img与background-image渲染图片对H5页面性能的影响
前端·css
yenggd1 天前
3种XSS攻击简单案例
前端·xss
盖头盖1 天前
【xss基本介绍】
前端·xss
一枚前端小能手1 天前
「周更第2期」实用JS库推荐:Rsbuild
前端·javascript
小桥风满袖1 天前
极简三分钟ES6 - 正则表达式的扩展
前端·javascript
柯南二号1 天前
【大前端】React 使用 Redux 实现组件通信的 Demo 示例
前端·javascript·react.js