1,el-table的行点击row-click事件获取行索引 <el-table:row-class-name="tableRowClassName"@row-click="rowClick"></el-table> 2,给每一行row的数据对象里添加index属性 tableRowClassName({ row, rowIndex }) { row.index = rowIndex; } 3,监听行的点击事件 rowClick(row){console.log(row);// 当前...
4. 说明如何在行点击事件中获取当前行的数据 在行点击事件的处理函数中,你会接收到一个参数,该参数就是当前被点击行的数据对象。在上面的示例代码中,handleRowClick函数接收了一个名为row的参数,这个参数就是当前被点击行的数据。你可以在函数体内通过row来访问当前行的任何属性,如row.date、row.name等。 5. 指...
心想,加就加呗,直接一个梭哈,在el-table表格里加上 @row-click="handleRowClick", 然后就提交了 功能倒是能用,就是点击按钮的时候也触发了,果不其然被测试打回重写(狗头) 二、事情的经过 一开始,我想着通过row-click的参数来做区分,因为row-click的默认参数有row, column, event这三个,其中column就可以拿...
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. ...
表格用el-table实现,操作列的编辑按钮点击事件正常实现。现要为行加一点击事件,即row-click。加上后,发现点击操作列的编辑按钮时,会触发按钮本身事件,同时会触发行点击事件。第一版代码如下: <template> <el-table :data="tableData" border @row-click="rowClick"> ...
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') ...
element el-table 点击某一行 改变数据未及时刷新的问题,解决方法::row-class-name="tableRowClassName"@row-click="rowClick"privatetableRowClassName({row,rowIndex}:any){//把每一行的索引放进rowrow.index=rowIndex
Existing Component Yes Component Name el-table Description el-table点击行不能获取行索引值。 网上的临时解决方案:https://www.cnblogs.com/yangyi9343/p/9295293.html
在el-table-column 标签中添加 type="selection" 属性,用于生成一个选择框列。 在el-table 上点击一行时,会触发 @row-click 事件。可以通过在 el-table 上添加 @row-click="handleRowClick" 属性,并定义 handleRowClick 方法来处理行点击事件。在 handleRowClick 方法中,可以通过判断 event.target.tagName 是否...
<el-table:data="tableData"stripe@row-click="handdle"><el-table-columnprop="date"label="日期"width="180"></el-table-column></el-table> // script exportdefault{data(){return{tableData:[]}},methods:{handle(row,event,column){console.log(row,event,column)}}}...