原文：element-ui 复选框,实现点击表格当前行选中或取消
背景: .表格结构绑定事件 .定义复选框结构 数组结构 .定义事件,实现当前表格行点击以后复选框被选中,再点击一次的时候,复选框被取消 检查的时候发现，这样会导致原有复选框的勾选事件失效，原因是表格行事件的内容与复选框事件的内容都执行了一次，所以就失效了 解决办法是去掉表格行事件，保留复选框原有的事件，为了实现点击这一行的任意位置都可以选中与取消选中的效果，可以使用css的padding属性把这一 ...
2019-08-08 17:20 0 2214 推荐指数：
相关推荐
一、实现多选:步骤1：在表格中添加一列 步骤2：在data中定义以及数组用来存储选中的元素。例如：multipleSelection:[] selection-change方法用户实时监听选中元素 实现效果如下： 二、实现默认选中 在获取表格数据时，添加如下方 ...
方法一 methods 中 方法二 methods 中 转载于：https://blog.csdn.net/longl ...
关键代码如下 效果图如下所示 ...
current-change：点击单选按钮时触发，返回的参数currentRow, oldCurrentRowrow-dblclick： 当某一行被双击时会触发该事件，返回的参数row, column, event <el-table :data ...
表格获取当前行的方法，参考element-UI文档上，可以使用作用域插槽获取当前行的数据 // 通过 slot-scope 可以获取到 row, column, $index 和 store（table 内部的状态管理）的数据 参数需要解构 <template ...