vue quasar 在setup()函数里实现页面q-table的rows加载到页面后，在执行操作样式的方法，不通过mounted() 钩子函数实现

如果你不想使用 `mounted()` 钩子函数，也可以使用 Vue 的 `$nextTick()` 方法来在页面渲染后执行操作。

下面是一个示例，演示如何使用 `$nextTick()` 方法在页面渲染后对 `q-table` 组件的 `rows` 进行操作：

<template>
  <q-table :rows="rows" ref="myTable" ...>
    ...
  </q-table>
</template>

<script>
export default {
  data () {
    return {
      rows: []
    }
  },
  mounted () {
    this.$nextTick(() => {
      // 获取 q-table 组件的 rows 元素
      const rows = this.$refs.myTable.$el.querySelectorAll('.q-table__middle tbody tr')
      
      // 对 rows 元素进行操作
      rows.forEach(row => {
        row.classList.add('my-class')
      })
    })
  }
}
</script>

在这个示例中，我们在 `mounted()` 钩子函数中使用 `$nextTick()` 方法来获取 `q-table` 组件的 `rows` 元素，并对每个元素添加了 `my-class` 类。需要注意的是，我们通过 `ref` 属性给 `q-table` 组件命名为 `myTable`，然后通过 `$refs` 属性获取该组件的引用。

你也可以在其他地方调用 `$nextTick()` 方法，只要确保在页面渲染后执行操作即可。