vxe grid滚动到页面底部

Vxe Grid 是 Vue 的一款强大表格组件，它支持丰富的功能，包括滚动功能。如果你想要让 Vxe Grid 滚动到底部，你可以通过 JavaScript 或者 Vue 自定义事件来操作。以下是基本步骤：

1. 首先，确保你已经在你的 Vue 组件中安装了 Vxe Grid，并且已经初始化了一个 Grid 实例。

<template>
  <vxe-grid ref="grid" :options="gridOptions"></vxe-grid>
</template>

<script>
import { ref } from 'vue';
import { Grid } from 'vxe-table';

export default {
  components: {
    Grid,
  },
  setup() {
    const gridRef = ref(null);
    const gridOptions = {/* ... */};

    // 当组件挂载后滚动到底部
    const scrollToBottom = () => {
      if (gridRef.value) {
        gridRef.value.scrollTo({ x: 0, y: gridRef.value.footerHeight });
      }
    };

    return {
      gridRef,
      gridOptions,
      scrollToBottom,
    };
  },
</script>

2. 然后，在需要的时候调用 `scrollToBottom` 函数，例如在 mounted 生命周期钩子、按钮点击事件或者任何你需要触发滚动的操作中。

当你想让用户自行触发这个动作，可以提供一个外部的触发器，比如按钮：

<button @click="scrollToBottom">滚动到底部</button>