如何捕获v-data-table组件上的滚动事件？

Question

有没有办法在Vuetify框架的v-data-table组件上捕获滚动事件？

我的意思是，当表格有固定的高度时，表格主体将滚动。

<v-data-table
  fixed-header
  :height=400
  :headers="headers"
  :items="desserts"
  item-key="name"
  disable-pagination
  hide-default-footer
></v-data-table>

https://codepen.io/Zurab-D/pen/yLXOyRJ

Answer 1

代码如下：

new Vue({
  el: '#app',
  vuetify: new Vuetify(),
  data: () => ({
    desserts: Array.from({ length: 5000 }).map((v, k) => ({
        name: `#${k}`,
        calories: 518,
    })),
    headers: [
      { text: 'Dessert', value: 'name' },
      { text: 'Calories', value: 'calories' },
    ],
  }),
  mounted() {
    document.addEventListener('wheel', this.onScroll)
  },
  methods: {
    onScroll : function(){
      console.log('scroll')
    }
  }
})