账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    element-ui table的勾选问题
    • 2019-06-14 00:00
    • 11
    34
    0

    在用element-ui的table组件时,表格上的数据是前端分页的,我加上了@selection-change="handleSelectionChange"事件之后每次点击勾选框就会触发两次handleSelectionChange方法,然后导致勾选不了,如果不分页的话不会出现这种情况,请问有人遇见过这种问题吗,求解,谢谢啦

    //这种方式正常,只触发一次handleSelectionChange
    <el-table 
        :data="list"
        ref="tableCheck"
        border
        :header-cell-style="tableHeaderColor"
        @row-click="clickRow"
        @selection-change="handleSelectionChange">
    //这种方式会触发两次handleSelectionChange,有谁能解释一下吗,因为要前端分页,这个data怎么绑定才能只触发一次handleSelectionChange
    <el-table 
        :data="list == undefined ? [] : list.slice((currentPage-1)*pageSize,currentPage*pageSize)"
        ref="tableCheck"
        border
        :header-cell-style="tableHeaderColor"
        @row-click="clickRow"
        @selection-change="handleSelectionChange">
    1
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 舒涓 普通会员 1楼

      在Element UI的表格中,勾选问题可能包括以下几种情况:

      1. 勾选框在行中没有正确绑定:这可能是因为勾选框没有正确地绑定到其对应的行上,或者绑定的样式没有正确设置。

      2. 勾选框在列中没有正确绑定:这可能是因为勾选框没有正确地绑定到其对应的列上,或者绑定的样式没有正确设置。

      3. 勾选框没有生效:这可能是因为勾选框的勾选状态没有正确地设置,或者在表格的渲染过程中没有正确地进行处理。

      要解决这个问题,首先需要检查勾选框是否正确地绑定到其对应的行上,并且绑定的样式是否正确。其次,需要检查勾选框是否在表格的渲染过程中被正确地渲染出来。最后,需要检查勾选状态是否被正确地设置,以及在表格的渲染过程中是否正确地进行了处理。

    更多回答
    扫一扫访问手机版