vue3 quasar 如何实现q-table的行高亮

在Vue 3和Quasar中，您可以使用 `:row-class` 属性来实现`q-table`的行高亮。下面是一个示例：

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

在上面的示例中，`:row-class` 属性绑定了一个叫做 `rowClass` 的函数。这个函数将会在每一行被渲染时被调用。您可以在这个函数中根据行的数据来返回一个CSS类，以实现行高亮的效果。

下面是一个示例 `rowClass` 函数：

function rowClass(rowData) {
  if (rowData.STEP_NAME === 'In Clarification') {
    return 'row-highlight'
  } else {
    return ''
  }
}

在上面的示例中，如果行数据中的 `STEP_NAME` 属性等于 `'In Clarification'`，则返回 `'row-highlight'` CSS类，否则返回空字符串。在这个例子中，`'row-highlight'` 是一个自定义的CSS类，您需要在您的CSS文件中定义该类来实现行高亮的效果。

希望这个示例能够帮助您实现 `q-table` 的行高亮效果。