检查el-table绑定的数据中是否存在重复项。如果数据中有重复行,可能会导致选择状态不一致,从而触发多次selection-change事件。 使用防抖或节流技术: 如果上述方法都无法解决问题,并且selection-change事件的频繁触发对性能产生了影响,可以考虑使用防抖(debounce)或节流(throttle)技术来减少事件触发的频率。 防抖和节流是两种...
在另外一个地方展示选中的行的数量。设置显示数量之后,选择框就无法选中,change事件执行两次。 解决办法:给el-table设置row-key,并且给type="selection"绑定:reserve-selection="true"属性。
1. 刚打开页面,不点击上线按钮之前,多选单选都正常,当我点击上线后,就出现勾选一次,@selection-change执行了两次 ,代码如下 效果图展示 2.解决后的方案代码 加上row-key和:reserve-selection="true"就解决了
通过el-table里的@selection-change时间就可以直接拿到用户选中的数据数组 1.拿到选中数据 这里用selectList接收存起来 //表格选中事件回调handleSelectionChange(val){//选中批量导出的 给导出专用表格赋值数据this.selectList=val;//选中数据} 2.把展示的表格复制一份 让这个表格的data=选中的数据 另起一个ID 使用...
@selection-change="changeOperate" :immediateSearch="false" > </app-table> </div> </fin-form-item> </fin-form> <div class="add-organ-btn"> <fin-button type="primary" :disabled="appList.length === 0 || roleList.length === 0 || checkedRows.length === 0" ...
el-table设置一个row-class-name来协助获取index 给el-table的row附上index的值 把获得的下标放到selectionItemIndexe...
<el-table ref="singleTable" :data="tableData" border @selection-change=" (selections) => { handleCurrentChange(selections, ‘自定义参数’) } " style="width: 80%; margin: 0 auto" > 1. 2. 3. 4. 5. 6. 7. 8. 9. 10.
<el-table @selection-change="changeFun"> <el-table-column type="selection"> </el-table-column> </el-table> <script> data () { return { checkBoxData: [], //多选框选择的值 } }, methods: { changeFun(val) { this.checkBoxData = val; ...
使用一下tableData数据类型就会报出上面的错误,请问怎么解决? <template> <el-table :data="tableData" style="width: 100%" ref="multipleTable" tooltip-effect="dark" @selection-change="handleSelectionChange" border highlight-current-row id="table-key" row-key="id" default-expand-all > <el-tabl...