ElementUI中el-table组件中的cell-class-name属性如何传参

cell-class-name 属性用于 el-table 组件来给表格单元格添加自定义类名。你可以通过一个函数来动态返回类名，该函数接收一个参数 Object 类型，包含 row, column, rowIndex, columnIndex 四个属性。

以下是一个简单的例子，演示如何使用 cell-class-name 属性：

<template>
  <el-table
    :data="tableData"
    :cell-class-name="tableCellClassName"
  >
    <el-table-column prop="date" label="日期" width="180"></el-table-column>
    <el-table-column prop="name" label="姓名" width="180"></el-table-column>
    <el-table-column prop="address" label="地址"></el-table-column>
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [
        { date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄' },
        // ...更多数据
      ]
    };
  },
  methods: {
    tableCellClassName({ row, column, rowIndex, columnIndex }) {
      // 根据条件返回不同的类名
      if (rowIndex === 1 && columnIndex === 2) {
        return 'highlight';
      }
      return '';
    }
  }
};
</script>
 
<style>
.highlight {
  background-color: yellow;
}
</style>

在这个例子中，tableCellClassName 方法根据行索引和列索引决定是否给单元格添加 highlight 类名。你可以在 <style> 标签中定义 .highlight 类来设置自己想要的样式。