vue3.2实现列表自动滚动

在Vue3.2中实现列表自动滚动可以使用`ref`来获取列表元素，然后使用`scrollTo`方法来实现滚动。具体实现步骤如下：

1. 在模板中使用`ref`来获取列表元素：

<template>
  <div>
    <div ref="list" class="list">
      <div v-for="(item, index) in list" :key="index">{{ item }}</div>
    </div>
  </div>
</template>

2. 在`mounted`钩子函数中获取列表元素并设置定时器进行滚动：

<script>
import { ref, onMounted } from 'vue';

export default {
  setup() {
    const listRef = ref(null);
    const list = ['item1', 'item2', 'item3', 'item4', 'item5'];

    onMounted(() => {
      setInterval(() => {
        listRef.value.scrollTo({ top: listRef.value.scrollHeight, behavior: 'smooth' });
      }, 3000);
    });

    return {
      listRef,
      list,
    };
  },
};
</script>

上述代码中，我们使用了`setInterval`方法来定时滚动列表，每隔3秒钟滚动到列表底部。在`scrollTo`方法中，我们设置了`top`属性为`scrollHeight`，表示滚动到列表的最底部，同时设置了`behavior`属性为`smooth`，表示滚动过程是平滑的。

这样就可以实现列表自动滚动了。