nickName) { tableRef.value?.toggleRowSelection(i, false) } } } const tableRef = ref<InstanceType<typeof ElTable>>() //获取选中的行 const change = () => { const rows: any[] = tableRef.value?.getSelectionRows() for (let item of rows) { dynamicTags.value.push(item.nickName) } }...
1.勾选其中一个单号多选框,其他合并行自动也勾选。 2.取消其中一个合并行,其他单号相同合并行也取消勾选 重点: ref="preTable"@selection-change="handleSelectionChange"@select="selectHandle"@select-all="selectAllHandle"this.$refs.preTable.toggleRowSelection(row,xxx);this.$refs.preTable.clearSelection...
简介:基于elementUI的el-table组件实现按住某一行数据上下滑动选中/选择或取消选中/选择鼠标经过的行 实现代码 <template><div :class="$options.name"><el-tablestyle="user-select: none"ref="table":data="tableData":row-class-name="row_class_name"@mousedown.native="mousedownTable"@row-click="row_cl...
table设置了@row-click="handleRowClick",绑定了行点击事件,用于获取被点击的行数据。 table设置了ref="table",用于script中获取table对象并对其进行操作,通过this.$refs.table即可拿到。 另外这里放了一个button,绑定了一个属性disabled,当有数据行被选中时,按钮才可用。 <el-card> <el-row> <el-button type=...
单独操作一项就是根据当前选中行是否选中,然后操作dynamicTags,选中就是push,取消选中就选获取当前行在dynamicTags中的索引,然后splice删除整体操作就像你代码写的,getSelectionRows获取所有选中行,把结果整体赋值给dynamicTags,你的问题在于push前没有清空dynamicTags,或者直接使用dynamic...
1.勾选其中一个单号多选框，其他合并行自动也勾选。2.取消其中一个合并行，其他单号相同合并行也取消勾选
简介:基于elementUI的el-table组件实现按住某一行数据上下滑动选中/选择或取消选中/选择鼠标经过的行 实现代码 <template><div :class="$options.name"><el-tablestyle="user-select: none"ref="table":data="tableData":row-class-name="row_class_name"@mousedown.native="mousedownTable"@row-click="row_cl...