val:{status:'0'}; },//绑定事件<el-table ref="myTable" @current-change="handleCurrentChange"> 3、表格查询刷新数据的事件中对当前行进行变量赋值 searchData:function() {//获取数据前赋默认值this.currentRow = {status:'0'}; drugs.apiGetAllData(queryParam) .then(response=>{//一些逻辑代码this...
1. 理解setCurrentRow方法 setCurrentRow是el-table组件的一个方法,用于设置表格中的某一行为选中状态。如果没有传递参数,则会取消当前选中状态。 2. 基本使用示例 在Vue3组件中,你可以通过引用(ref)来访问el-table实例,并调用setCurrentRow方法。以下是一个基本的使用示例: vue <template> <el-table...
其中,setcurrentrow方法可以用来设置当前选中的行,是el-table中一个非常常用的方法。 二、setcurrentrow方法的作用 在使用el-table组件时,我们通常会允许用户通过点击表格中的行来选中数据。setcurrentrow方法可以用来设置当前被选中的行,从而实现一些和选中行相关的操作,比如编辑、删除等。 三、如何使用setcurrentrow...
nextTick().setTimeout()都不能解决。明明this.$refs.multipleTable.setCurrentRow(row)传的数据是正确的,可页面就是选择另一行 3.源码 setRowspanTrHoverState(cell, flag = 'enter') { const allRow = this.$el.querySelectorAll('tbody > tr.el-table__row'); let rowspan = cell.getAttribute('rowsp...
总结，解决 element-ui 组件 el-table 默认选中行 setCurrentRow 方法遇到的问题，需要深入理解数据更新和 DOM 渲染的时机，通过增加适当的延迟等待数据完全更新和渲染完成，再执行 setCurrentRow 方法。这种方法虽然可能不是最优雅的解决方案，但能有效解决实际问题，提高用户体验。
如果this.selectRow(this.currentRow)则高亮不生效。 但写为this.selectRow(target)高亮生效。 原因:this.currentRow来源是之前的表格数据,不是目前最新的表格数据。而el-table的高亮方法要求必须是当前的表格数据,即使它们的值一样,但是内存地址不同。(打个比方:两套房子内部一摸一样,但这就是两套房子不是同一套...
这也算是ele的一个不完善的地方吧,既然有了 setCurrentRow 确没有置顶,接下来就分享一个小技巧给大家 1:首先给el-table添加 ref属性 及 row-click事件 2:row-click事件中记录下当前el-table的滚动条位置 //获取当前滚动条的位置 并赋值给 this.Nowscroll 记录下来 ...
this.rowTitle.forEach(el => { addObj[el.code] = '' }) this.tableData.push(addObj); // this.tableData.push(this.rowObj); setTimeout(() => { this.$refs.addTableRowRef.setCurrentRow(addObj); }, 10); }, handleDeleteRow(index, rows) { ...
currentrowIndex: '', editProp: ['OPER_CONTENT', 'UNIT'], // 保存进入编辑的cell clickCellMap: {} 剩下的方法,其实和上一篇回答没有特别大的差距。 主要是体现在点击cell激活input框的时候,以及失焦的时候, 方法有了一点变化。 /** 点击cell */ ...
首先,给table加一个属性::row-class-name="tableRowClassName" 然后定义tableRowClassName函数:(tableRowClassName可以自己改名) tableRowClassName({row, rowIndex}) {row.row_index= rowIndex;} 然后给表格添加:@row-click = "onRowClick" onRowClick (row, event, column) {this.currentRowIndex= row.row_...