element-plus的cell-class-name方法

`element-plus`的`cell-class-name`方法是用于设置单元格的`class`属性的函数。该函数接受三个参数：`{ row, column, rowIndex, columnIndex }`，分别表示当前单元格所属的行数据、列数据、行索引和列索引。你可以在该方法中根据这些参数返回一个字符串，作为该单元格的`class`属性值。

例如，如果你需要在单元格中根据行数据的某个字段值来设置不同的样式，可以这样使用`cell-class-name`方法：

<el-table
  :data="tableData"
  :cell-class-name="cellClassName"
>
  <el-table-column
    prop="name"
    label="姓名"
  ></el-table-column>
  <el-table-column
    prop="age"
    label="年龄"
  ></el-table-column>
</el-table>

// 在 methods 中定义 cellClassName 方法
methods: {
  cellClassName({ row }) {
    if (row.age < 18) {
      return 'cell-red';
    } else if (row.age >= 18 && row.age < 30) {
      return 'cell-yellow';
    } else {
      return 'cell-green';
    }
  }
}

在上面的例子中，我们根据每行数据的`age`字段值的不同，返回不同的`class`属性值，从而实现了不同的样式效果。