vxe-table修改某行的样式

你可以使用vxe-table的`row-class-name`属性来修改某行的样式。该属性可以接受一个函数，该函数会在渲染每一行时被调用，你可以在该函数中根据行数据的条件来返回不同的样式类名。

以下是一个示例代码：

<template>
  <vxe-table :data="tableData" :row-class-name="rowClassName">
    <!-- 表格列配置 -->
    <vxe-table-column type="seq" width="60"></vxe-table-column>
    <vxe-table-column field="name" title="姓名"></vxe-table-column>
    <vxe-table-column field="age" title="年龄"></vxe-table-column>
    <vxe-table-column field="gender" title="性别"></vxe-table-column>
  </vxe-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 20, gender: '男' },
        { name: '李四', age: 25, gender: '女' },
        { name: '王五', age: 30, gender: '男' }
      ]
    };
  },
  methods: {
    rowClassName({ row }) {
      if (row.age > 25) {
        return 'highlight-row'; // 返回样式类名
      }
      return ''; // 默认样式类名为空
    }
  }
};
</script>

<style>
.highlight-row {
  background-color: yellow;
}
</style>

在上述代码中，我们定义了一个`rowClassName`方法，该方法接受一个参数`{ row }`，其中`row`表示当前行的数据。在`rowClassName`方法中，我们根据行数据的年龄判断是否大于25，如果大于25，则返回样式类名`highlight-row`，否则返回空字符串。在样式中，我们定义了`highlight-row`类，用于设置高亮行的背景颜色为黄色。

这样，当表格渲染时，会根据行数据的条件来动态添加样式类名，从而实现修改某行的样式。