欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

element 表格多选框 记忆选择 组件的相关代码

程序员文章站 2022-07-14 08:46:27
...
<el-table
            ref="multipleTable"
            :data="tableData"
            :header-cell-style="tableHeaderColor"
            border
            :row-key="getRowKeys"
            style="width: 100%"
            @selection-change="handleSelectionChange"
          >
            <el-table-column
              type="selection"
              width="55"
              :reserve-selection="true"
            >
            </el-table-column>
            <el-table-column label="产品名称" prop="PD_NAME"> </el-table-column>
            <el-table-column prop="DEVICE_MODE_NAME" label="型号">
            </el-table-column>
            <el-table-column prop="DEVICE_TYPE_NAME" label="产品类型">
            </el-table-column>
          </el-table>
reserve-selection : 储备选择  
仅对 type=selection 的列有效,类型为 Boolean,为 true 则会在数据更新之后保留之前选中的数据(需指定 row-key)
getRowKeys(row: any) {
    return row.ID;
  }
  public handleSelectionChange(name: any): void {
    this.selname = name;
  }