element table表格设置最大选择量 (超过最大量则删除上一条数据)

Eal7

于 2022-04-01 08:41:30 发布

阅读量1.6k

点赞数

文章标签： javascript 前端 elementui

本文链接：https://blog.csdn.net/slow097/article/details/123888828

版权

1.css

 <el-table
       :data="tableData"
       center
       ref="table"
       style="width: 100%"
       @select="handleSelectionChange"
       stripe
 >

2.js

   handleSelectionChange(selection, val) {
      // table组件选中事件,记得加上@select="handleSelectionChange"
      //只能选择一条，选择其他，清除上一条
      if (selection.length > 1) {
        let del_row = selection.shift();
        this.$refs.table.toggleRowSelection(del_row, false); // 用于多选表格，切换某一行的选中状态，如果使用了第二个参数，则是设置这一行选中与否（selected 为 true 则选中）
      }
     //val为选中的数据行，根据情况自行操作想要的数据
     //this.selectedIds = [];
     //this.selectedIds.push(val.id);
    },