elementui的row-style

Element UI是一个基于Vue.js的组件库，提供了一系列的UI组件和工具。在Element UI中，可以通过设置`row-style`属性来自定义行的样式。

`row-style`属性可以接受一个函数或者一个对象作为值。如果是一个函数，该函数会接收到当前行数据作为参数，并且需要返回一个对象，该对象包含CSS样式的键值对。例如：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column prop="city" label="城市"></el-table-column>
  <el-table-column prop="gender" label="性别"></el-table-column>

  <el-table-column label="操作">
    <template slot-scope="scope">
      <span>{{ scope.row.name }}</span>
    </template>
  </el-table-column>

  <el-table-column label="自定义样式" :row-style="customRowStyle">
    <template slot-scope="scope">
      <span>{{ scope.row.name }}</span>
    </template>
  </el-table-column>
</el-table>

export default {
  data() {
    return {
      tableData: [{
        name: '张三',
        age: 20,
        city: '北京',
        gender: '男'
      }, {
        name: '李四',
        age: 25,
        city: '上海',
        gender: '女'
      }],
    };
  },
  methods: {
    customRowStyle(row) {
      if (row.gender === '男') {
        return {
          background: 'lightblue',
          color: 'white'
        };
      } else {
        return {
          background: 'pink',
          color: 'black'
        };
      }
    }
  }
};

在上面的例子中，我们给表格添加了一个自定义样式的列，并且通过`row-style`属性调用了名为`customRowStyle`的方法来设置行的样式。在`customRowStyle`方法中，我们根据行数据的`gender`属性决定行的背景色和文字颜色。