zoukankan      html  css  js  c++  java
  • elementui分页记录,reserve-selection

    第一步:
    在<el-table></el-table>标签中加上 :row-key="getRowKeys"

    第二步:
    在<el-table-column type="selection"></el-table-column>此行加上:reserve-selection="true"

    第三步:
    在 data() {
    return {
    multipleSelection:[],//复选框
    getRowKeys(row) {//记录每行的key值
    return row.id;
    },
    select_order_number:'',//表格select选中的条数
    select_orderId:[],//表格select复选框选中的id

    }
    }

    第四步:
    handleSelectionChange(rows) {//复选框
    this.multipleSelection = rows;
    this.select_order_number = this.multipleSelection.length;

    this.select_orderId = [];
    if (rows) {
    rows.forEach(row => {
    if (row) {
    this.select_orderId.push(row.id);
    }
    });
    }
    }

    第五步:
    在<el-table></el-table>标签中加上 @selection-change="handleSelectionChange" 事件

    小凤凰newObject
  • 相关阅读:
    PHP
    PHP
    密码修改机制
    PHP
    PHP
    PHP
    PHP
    Java并发编程:进程和线程的由来(转)
    Java获取文件大小的正确方法(转)
    J2EE开发中常用的缓存策略
  • 原文地址:https://www.cnblogs.com/xiaofenghuang/p/10297034.html
Copyright © 2011-2022 走看看