vue自动滚动列表

你可以通过在列表容器上添加 `ref` 属性，然后通过 `$refs` 访问这个容器，再使用 `scrollTop` 属性来控制滚动位置来实现自动滚动列表。

具体代码如下：

<template>
  <div ref="listContainer" style="height: 300px; overflow-y: scroll;">
    <div v-for="(item, index) in items" :key="index">{{ item }}</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: ['item1', 'item2', 'item3', 'item4', 'item5', 'item6', 'item7', 'item8', 'item9', 'item10']
    };
  },
  mounted() {
    this.autoScroll();
  },
  methods: {
    autoScroll() {
      const container = this.$refs.listContainer;
      container.scrollTop = container.scrollHeight;
    }
  }
};
</script>

这个例子中，我们在 `mounted` 钩子函数中调用 `autoScroll` 方法，用于在页面加载后自动滚动到底部。 `autoScroll` 方法中，通过 `this.$refs.listContainer` 访问到列表容器，然后将 `scrollTop` 属性设置为 `scrollHeight`，即滚动到底部。