Quasar无法有条件地设置QTable单元格的样式

<template>
  <q-table
    :rows="tableData"
    :columns="tableColumns"
  >
    <template v-slot:body-cell="props">
      <q-td :props="props" :class="getCellClass(props)">
        {{ props.value }}
      </q-td>
    </template>
  </q-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'John', age: 25 },
        { name: 'Jane', age: 30 },
        { name: 'Bob', age: 35 }
      ],
      tableColumns: [
        { name: 'Name', required: true },
        { name: 'Age', required: false }
      ]
    };
  },
  methods: {
    getCellClass(props) {
      if (props.column.name === 'Age' && props.value > 30) {
        return 'highlighted-cell';
      }
      return '';
    }
  }
};
</script>

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