searchData:function() {//获取数据前赋默认值this.currentRow = {status:'0'}; drugs.apiGetAllData(queryParam) .then(response=>{//一些逻辑代码this.listData =response.data.list;//赋值当前行变量,并让表格默认选中第一条数据if(this.listData.length > 0) {this.$refs.myTable.setCurrentRow(this.l...
1. 理解setCurrentRow方法 setCurrentRow是el-table组件的一个方法,用于设置表格中的某一行为选中状态。如果没有传递参数,则会取消当前选中状态。 2. 基本使用示例 在Vue3组件中,你可以通过引用(ref)来访问el-table实例,并调用setCurrentRow方法。以下是一个基本的使用示例: vue <template> <el-table...
::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; }
在使用el-table组件时,我们通常会允许用户通过点击表格中的行来选中数据。setcurrentrow方法可以用来设置当前被选中的行,从而实现一些和选中行相关的操作,比如编辑、删除等。 三、如何使用setcurrentrow方法 在实际开发中,我们可以通过以下步骤来使用setcurrentrow方法: 1. 我们需要在代码中引入el-table组件,并在data中...
nextTick().setTimeout()都不能解决。明明this.$refs.multipleTable.setCurrentRow(row)传的数据是正确的,可页面就是选择另一行 3.源码 setRowspanTrHoverState(cell, flag = 'enter') { const allRow = this.$el.querySelectorAll('tbody > tr.el-table__row'); ...
总结，解决 element-ui 组件 el-table 默认选中行 setCurrentRow 方法遇到的问题，需要深入理解数据更新和 DOM 渲染的时机，通过增加适当的延迟等待数据完全更新和渲染完成，再执行 setCurrentRow 方法。这种方法虽然可能不是最优雅的解决方案，但能有效解决实际问题，提高用户体验。
class="custom-table" > <el-table :data="feederline.devList" border="" :key="deviceKey" style="width: 100%" :ref="String(feederline.feederUri)" :default-sort="{ prop: 'date', order: 'descending' }" :row-key="(row) => row.id" ...
一:首先 创建 el-table <el-table ref="BaseTable"//设置 ref属性 :highlight-current-row="true"//高光选中行 :current-row-key="NowRowIndex"//行号 :row-class-name="tableRowClassName"//装载 EL-TABLE前执行的 方法 会遍历每一行 每一个单元格 ...
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-column里面使用了template的时候,点击template里面dom元素的时候不知道如何实现这一行的高亮? 使用的饿了么UI开发vue项目,关于el-table组件已经使用了highlight-current-row属性实现点击行的高亮,但还有一个下面的需求没有满足 相关代码 <el-table-column label="操作" width="60"> <template slot-scope...