},//绑定事件<el-table ref="myTable" @current-change="handleCurrentChange"> 3、表格查询刷新数据的事件中对当前行进行变量赋值 searchData:function() {//获取数据前赋默认值this.currentRow = {status:'0'}; drugs.apiGetAllData(queryParam) .then(response=>{//一些逻辑代码this.listData =response.da...
::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell { background-color: #409eff; } ::v-deep .el-table__body tr.current-row > td.el-table__cell { background-color: #409eff; }
1、highlight-current-row tr.current-row > td, .el-table__body tr:hover > td { background: #f5f5f5; } 1. 2. 3. 4. 2、:row-class-name=“tableRowClassName”,需要借助@row-click="handleRowClick"获取当前点击行的下标 data() { return { tableRowIndex: 0 } } 1. 2. 3. 4. 5. ...
3. 我们还可以通过this.$refs.table.getCurrentRow()来获取当前选中的行,从而进行一些相关的操作。 四、setcurrentrow方法的常见问题及解决方法 在使用setcurrentrow方法时,有一些常见的问题可能会遇到: 1. 如何实现多选 如果需要实现多选操作,我们可以在el-table组件中设置 :row-key 来指定行的唯一标识符,并使用...
nextTick().setTimeout()都不能解决。明明this.$refs.multipleTable.setCurrentRow(row)传的数据是正确的,可页面就是选择另一行 3.源码 setRowspanTrHoverState(cell, flag = 'enter') { const allRow = this.$el.querySelectorAll('tbody > tr.el-table__row'); ...
<div class="commonTable"> <el-table :data="expertList" class="tabBack" stripe> <el-table-column type="index" label="" width="50"> <template slot-scope="scope"> <el-radio :label="scope.row.id" v-model="radio" @change.native="getCurrentRow(scope.row)" ...
1:首先给el-table添加 ref属性 及 row-click事件 2:row-click事件中记录下当前el-table的滚动条位置 //获取当前滚动条的位置 并赋值给 this.Nowscroll 记录下来 let vmEl = this. el const scrollParent = vmEl.querySelector('.el-table__body-wrapper') ...
深入分析源码可以发现，el-table 组件在数据改变时，会触发重新渲染，以显示最新的数据。然而，在数据改变和渲染完成之间存在一个短暂的时间差，这个时间差可能导致 setCurrentRow 方法在数据还未完全更新到 DOM 上时就被调用，从而选中了错误的行。猥琐的解决方案在于，通过在调用 setCurrentRow 方法前，...
简介:el-table 获取选中后的某一个值(整理) <template><div><div style="display: flex; margin-bottom: 20px"><div v-for="item in checklist" :key="item.id" @click="del([item])">{{ item.name }}</div></div><el-table :data="tableData" ref="singleTable" highlight-current-row bord...
Keys"highlight-current-row:height="430"class="tableAll"ref="multipleTable":header-cell-style="{ background: '#F4F4F4' }":data="tableData"style="width: 100%;margin-bottom: 20px;"><el-table-columnalign="center"type="selection":reserve-selection="true"width="80"/><el-table-columnprop...