问题场景
开发中发现el-table在使用cell-style时无法获取row,column的索引信息
解决思路
在其他可以获取到行列索引的方法中对行列数据添加索引属性
解决方法
利用el-table的cell-class-name配置,以及数据浅拷贝的特性
<el-table :data="tableData" :cell-class-name="tableCellClassName"></el-table>
export default {
methods: {
tableCellClassName({ row, column, rowIndex, columnIndex }) {
//利用单元格的 className 的回调方法,给行列索引赋值
row.index = rowIndex;
column.index = columnIndex;
},
}
}