在函数中怎么获取el-table-column的索引
时间: 2023-12-03 19:25:16 浏览: 79
改变el-table宽度
5星 · 资源好评率100%
如果要在函数中获取`el-table-column`的索引,可以使用`$table`的`$indexMethod`方法。这个方法可以接收一个参数`row`,返回这个`row`在整个表格中的索引,包括分页的情况。在`el-table-column`中,可以通过`$table`来获取这个方法。
例如,在`el-table-column`的`customRender`函数中,可以通过以下方式获取当前行的索引:
```html
<el-table-column label="操作" :customRender="renderContent"></el-table-column>
```
```javascript
methods: {
renderContent(h, { row }) {
const columnIndex = this.$parent.$children.indexOf(this);
const rowIndex = this.$table.$indexMethod(row);
console.log(`行索引: ${rowIndex}, 列索引: ${columnIndex}`);
return <span>操作</span>
}
}
```
在上述代码中,`this.$parent`指的是`el-table-column`的父组件`el-table`,因此可以通过`$children.indexOf(this)`方法获取当前`el-table-column`在父组件中的索引,即列索引。然后通过`$table.$indexMethod(row)`方法获取当前行在整个表格中的索引,即行索引。
阅读全文