Kidca 2022-05-17 18:31 采纳率: 75%
浏览 382
已结题

Element ui 表格 在前端分页之后,多选框失效的问题?

部分代码
     <el-table
                :data="tableData.slice((query.pageIndex-1)*query.pageSize,query.pageIndex*query.pageSize)"
                border
                class="table"
                ref="multipleTable"
                header-cell-class-name="table-header"
                @selection-change="handleSelectionChange"
            > 
<el-table-column type="selection" width="55" align="center"></el-table-column>

          handleSelectionChange(sels) {
            this.multiSels = sels;
            console.log("selection");
            console.log(sels);
        },

整个的界面是这样的

img

我在前端对数据分了页,然后想实现批量删除,出现了下面的问题,点击了前面的checkbox并没有反应
(下面的log是在点击了一下第一行之后出现的)

img

尝试之后

如果去掉了@selection-change 就可以选择,但是这样我就无法实现批量删除的功能。

有什么办法能够解决这一问题吗

  • 写回答

1条回答 默认 最新

报告相同问题?

问题事件

  • 系统已结题 5月25日
  • 已采纳回答 5月17日
  • 修改了问题 5月17日
  • 修改了问题 5月17日
  • 展开全部

悬赏问题

  • ¥15 HC32L176调试了一个通过TIMER5+DMA驱动WS2812B
  • ¥15 三菱FX系列PLC串口指令
  • ¥15 cocos的js代码调用wx.createUseInfoButton问题!
  • ¥15 关于自相关函数法和周期图法实现对随机信号的功率谱估计的matlab程序运行的问题,请各位专家解答!
  • ¥15 Python程序,深度学习,有偿私
  • ¥15 扫描枪扫条形码出现问题
  • ¥35 poi合并多个word成一个新word,原word中横版没了.
  • ¥15 【火车头采集器】搜狐娱乐这种列表页网址,怎么采集?
  • ¥15 求MCSCANX 帮助
  • ¥15 机器学习训练相关模型