vue q-table 如何实现行高亮

要实现行高亮，你需要使用 q-table 组件的 `row-class` 属性。该属性可以接收一个函数，该函数将为每一行返回一个 CSS 类名。

具体来说，你可以在 Vue 组件中使用 `q-table` 组件并在其上添加一个 `row-class` 属性。该属性可以接收一个函数，该函数将为每一行返回一个 CSS 类名。在该函数中，你可以检查当前行的数据并根据需要返回一个 CSS 类名来实现行高亮。

以下是一个示例代码：

<template>
  <q-table
    :rows="rows"
    :columns="columns"
    :row-class="highlightRow"
  />
</template>

<script>
export default {
  data() {
    return {
      rows: [
        { name: 'Alice', age: 25 },
        { name: 'Bob', age: 30 },
        { name: 'Charlie', age: 35 }
      ],
      columns: [
        { name: 'Name', field: 'name' },
        { name: 'Age', field: 'age' }
      ]
    }
  },
  methods: {
    highlightRow(row) {
      if (row.age > 30) {
        return 'highlighted'
      }
    }
  }
}
</script>

<style scoped>
.highlighted {
  background-color: yellow;
}
</style>

在上面的代码中，我们定义了一个 `highlightRow` 函数来检查每一行的数据。如果行的 `age` 字段大于 30，则该函数返回 `highlighted` 类名。在样式中，我们定义了一个 `.highlighted` 类来设置行高亮的样式。