@update:visible="onTableUpdate" 是干啥的，没有效果

`@update:visible` 是 q-table 组件提供的一个事件，当 q-table 的可见行数发生变化时触发。在这个事件中，你可以执行一些操作，例如修改行的样式、计算某些列的合计值等等。

如果你发现 `@update:visible` 事件没有触发，可能是因为 q-table 的可见行数没有发生变化。默认情况下，q-table 的可见行数与 `pagination` 组件的 `per-page` 属性相同，即每页显示的行数。如果你想测试 `@update:visible` 事件，你可以修改 `per-page` 的值，或者在 `mounted` 生命周期钩子中手动修改 q-table 的可见行数。

以下是一个简单的例子，演示了如何在 `@update:visible` 事件中修改行的样式：

<template>
  <q-table ref="myTable" :rows="myRows" :columns="myColumns" @update:visible="onTableUpdate" />
</template>

<script>
export default {
  data () {
    return {
      myRows: [/* data */],
      myColumns: [/* columns */]
    }
  },
  methods: {
    onTableUpdate () {
      // 获取第一行元素
      const firstRow = this.$refs.myTable.$el.querySelector('tbody tr:first-child');
      // 修改背景颜色
      firstRow.style.backgroundColor = 'red';
    }
  },
  mounted () {
    // 修改 q-table 的可见行数
    this.$refs.myTable.visibleRows = 10;
  }
}
</script>

这个例子中，我们在 `mounted` 钩子中手动修改了 q-table 的可见行数，并在 `@update:visible` 事件中修改了第一行的背景颜色。