a-table表格嵌套监听子表格滚动事件

在Ant Design Vue (a-table) 中，如果你需要监听子表格（如嵌套的表格组件）的滚动事件，你可以通过Vue的自定义指令或者使用`v-on`直接绑定原生的`scroll`事件来实现。这里以Vue自定义指令为例：

首先，在Vue项目中，你需要创建一个自定义指令，例如 `scrollChildTable`：

Vue.directive('scrollChildTable', {
  inserted: function (el, binding) {
    el.addEventListener('scroll', function (event) {
      // 在这里处理子表格滚动的逻辑
      console.log('子表格滚动了:', event);
      // 如果有需要，可以触发回调函数或者传递数据到父组件
      binding.value();
    });
  },
  removed: function (el) {
    el.removeEventListener('scroll', this.handler);
  }
})

然后在模板上应用这个指令到子表格元素上：

<a-table :scroll="tableScroll" ref="childTable">
  <!-- 子表格的内容 -->
  <template v-scroll-child-table>
    <!-- 这里放置你的子表格 -->
  </template>
</a-table>

<script>
export default {
  data() {
    return {
      tableScroll: function() { /* 在这里处理子表格滚动后的操作 */ },
    };
  },
};
</script>

当你想要监听子表格滚动时，只需要将`v-scroll-child-table`添加到子表格所在的`<template>`标签内，并在父组件的数据对象中设置对应的回调函数。