在事件处理函数中,你可以通过this.tableData.indexOf(row)来获取当前行的索引。 vue <template> <el-table :data="tableData" @row-click="handleRowClick"> <el-table-column prop="date" label="日期"></el-table-column> <el-table-column prop="name" label="...
然后定义tableRowClassName函数:(tableRowClassName可以自己改名) tableRowClassName({row, rowIndex}) {row.row_index= rowIndex;} 然后给表格添加:@row-click = "onRowClick" onRowClick (row, event, column) {this.currentRowIndex= row.row_index;} 这时,属性:currentRowIndex存的就是当前选中行的index了...
然后定义tableRowClassName函数:(tableRowClassName可以自己改名) tableRowClassName({row, rowIndex}) {row.row_index= rowIndex;} 然后给表格添加:@row-click = "onRowClick" onRowClick (row, event, column) {this.currentRowIndex= row.row_index;} 这时,属性:currentRowIndex存的就是当前选中行的index了...
<el-table :data="tableData"> <el-table-column prop="date" label="日期" width="180" v-if="XXXXXXXXXXX"> <template slot-scope="scope"> <span>{{ scope.row.date }}</span> </template> </el-table-column> </el-table> 比如上面的代码,正常情况我可以在template的slot-scope获取的当前行数...
</el-table> </template> <script> export default { data() { return { tableData: [ { name: 'Alice', age: 28 }, { name: 'Bob', age: 24 }, { name: 'Charlie', age: 32 } ] } }, methods: { handleRowClick(row, column, event) { const index = this.tableData.indexOf(row)...
1,el-table的行点击row-click事件获取行索引 2,给每一行row的数据对象里添加index属性 3,监听行的点击事件 4,row-click表格单行点击和单元...
</el-table-column> methods中: //获取表格序号 getIndex($index) { //表格序号 return (this.currentPage - 1) * this.pageSize + $index + 1 }, 其中currentPage是当前页,pageSize是(当前页)每页显示的条数,根据自己的字段名称修改即可。
el-table-column是element-ui中table组件的一个子组件，它可以用来定义表格的列的渲染规则。其中formatter参数可以用来自定义每一列的渲染规则。 该参数接受一个函数，该函数接受三个参数： row:表示当前行的数据对象 column:表示当前列的配置对象 index:表示当前行的索引 该函数需要返回一个字符串或一个VNode，...
简单说明:开发的时候,经常会遇到表格后面跟着操作列,一般都是编辑或者删除,那么 就需要获取到 本行数据相关的id或者其他附属信息。ok,下边放代码 //vue el-table的部分代码<el-table-columnwidth="200"label="操作"align="center"><templateslot-scope="scope"><el-buttontype="danger"icon="el-icon-delete"ci...
<el-table-column label="班次"align="center"prop="bc":formatter="bcFormatter"width="400"/> 来设置的,这样就能限制只有在当前列是对应的bc属性的列时才执行下面的操作。 那么怎样获取当前双击的单元格的值。 通过传递的参数的row行对应对应的属性bc就可以定位到当前双击的单元格的值。