【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);
    }
相关推荐
JustHappy2 分钟前
「web extensions🛠️」有关浏览器扩展,开发前你需要知道一些......
前端·javascript·开源
何中应10 分钟前
nvm安装使用
前端·node.js·开发工具
xixixin_10 分钟前
【JavaScript 】从 || 到??:JavaScript 空值处理的最佳实践升级
开发语言·javascript·ecmascript
Java新手村11 分钟前
基于 Vue 3 + Spring Boot 3 的 AI 面试辅助系统:实时语音识别 + 大模型智能回答
vue.js·人工智能·spring boot
雯0609~16 分钟前
hiprint:实现项目部署与打印3-vue版本-独立出模板设计与模板打印页面
前端·vue.js·arcgis
杜子不疼.22 分钟前
【Linux】教你在 Linux 上搭建 Web 服务器,步骤清晰无门槛
linux·服务器·前端
belldeep24 分钟前
python:用 Flask 3 , mistune 2 和 mermaid.min.js 10.9 来实现 Markdown 中 mermaid 图表的渲染
javascript·python·flask
凉辰44 分钟前
使用uni.createInnerAudioContext()播放指定音频(踩坑分享功能)
开发语言·javascript·音视频
echoVic1 小时前
多模型支持的架构设计:如何集成 10+ AI 模型
java·javascript
程序员Agions1 小时前
useMemo、useCallback、React.memo,可能真的要删了
前端·react.js