vue3 element-plus el-table 获取滚动条位置

在 Vue3 中，如果你想要获取 Element Plus 的 `el-table` 组件的滚动条位置，你可以通过给 `table` 元素添加 `ref` 变量，并利用 `vue-ref-next` 或者原生的 JavaScript 来访问其滚动条属性。这里是一个简单的例子：

<template>
  <div ref="scrollTable">
    <el-table ref="tableRef" :scroll="{ x: true, y: true }"></el-table>
  </div>
</template>

<script>
export default {
  setup() {
    const tableRef = ref(null); // 引用el-table的ref
    const scrollTableRef = ref(null); // 引用包含表格的div的ref

    function getScrollPosition() {
      if (!tableRef.value || !scrollTableRef.value) return;
      const scrollTop = scrollTableRef.value.$el.scrollTop; // 获取垂直滚动位置
      const scrollLeft = scrollTableRef.value.$el.scrollLeft; // 获取水平滚动位置
      return { scrollTop, scrollLeft };
    }

    return {
      getScrollPosition,
      tableRef,
      scrollTableRef,
    };
  },
}
</script>

然后在你需要的地方调用 `getScrollPosition()` 函数即可获取滚动条的位置。