【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);
    }
相关推荐
梦凡尘几秒前
Vue3 对跳转 同一路由传入不同参数的页面分别进行缓存
前端·javascript·vue.js
攒了一袋星辰几秒前
Webpack安装以及快速入门
前端·webpack·node.js
吃饱很舒服15 分钟前
kotlin distinctBy 使用
android·java·开发语言·前端·kotlin
柳晓黑胡椒24 分钟前
vue3实现多表头列表el-table,拖拽,鼠标滑轮滚动条优化
javascript·vue.js·elementui·el-table
勤劳兔码农30 分钟前
从IE到Edge:微软浏览器的演变与未来展望
前端·microsoft·edge
朝阳3935 分钟前
vue3【提效】使用 VueUse 高效开发(工具库 @vueuse/core + 新增的组件库 @vueuse/components)
vue.js
limit for me39 分钟前
在uni-app使用vue3使用vuex
javascript·vue.js·uni-app
web守墓人40 分钟前
【前端】解决element-ui两层dialog嵌套,遮罩层消失的问题。
前端·ui
茶卡盐佑星_1 小时前
vue如何解决跨域?原理?
前端·javascript·vue.js
河北小田1 小时前
十四、模板引用
前端·vue.js·程序员