技术栈

【el-table 可实现分页勾选数据】

LinDon_2024-06-26 8:02

分页勾选数据

  • 第一步
  • 第二步
  • 第三步

第一步

复制代码
    <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);
    }
上一篇:7.C语言标准
下一篇:DotNetGuide荣登GitHub C#中文 Trending 月榜第一
相关推荐
灵感__idea
2 小时前
JavaScript高级程序设计(第5版):好的编程就是掌控感
前端·javascript·程序员
烛阴
3 小时前
Mix
前端·webgl
代码续发
3 小时前
前端组件梳理
前端
试图让你心动
4 小时前
原生input添加删除图标类似vue里面移入显示删除[jquery]
前端·vue.js·jquery
_Kayo_
4 小时前
VUE2 学习笔记6 vue数据监测原理
vue.js·笔记·学习
陈不知代码
4 小时前
uniapp创建vue3+ts+pinia+sass项目
前端·uni-app·sass
小王码农记
4 小时前
sass中@mixin与 @include
前端·sass
陈琦鹏
4 小时前
轻松管理 WebSocket 连接!easy-websocket-client
前端·vue.js·websocket
hui函数
5 小时前
掌握JavaScript函数封装与作用域
前端·javascript
行板Andante
5 小时前
前端设计中如何在鼠标悬浮时同步修改块内样式
前端
热门推荐
01Qwen3-Coder 快速上手教程 | Qwen Code + Claude Code02全球最强模型Grok4,国内已可免费使用!(附教程)03vue数据变化但页面不变04KGG转MP3工具|非KGM文件|解密音频05sqli-labs 靶场 less-8、9、10 第八关到第十关详解:布尔注入,时间注入06扣子开源本地部署教程 丨Coze智能体小白喂饭级指南07干翻 Typora!MilkUp:完全免费的桌面端 Markdown 编辑器!08【2025.7.18】更新vscode后所有.vue文件template标签后报红的临时解决办法,Vue - Official 插件3.0.2导致09ChatGPT Agent 完全使用指南:2025年7月最新功能详解10《魔兽世界》提示lua警告的含义及解决方法