vue当我滚动到底部时动态添加的元素自动滚动到底部，当我用鼠标滚动到其他地方时滚动条不自动滚动

你可以使用 `ref` 获取到你添加元素的父元素，然后在添加元素后调用 `$nextTick` 方法，使用 `scrollTo` 或 `scrollTop` 将父元素滚动到底部。

以下是一个示例代码：

<template>
  <div ref="scrollContainer" class="scroll-container">
    <div v-for="item in items" :key="item.id">{{ item.text }}</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [],
    };
  },
  methods: {
    addItem() {
      this.items.push({ id: this.items.length + 1, text: 'New Item' });
      this.$nextTick(() => {
        this.$refs.scrollContainer.scrollTop = this.$refs.scrollContainer.scrollHeight;
      });
    },
  },
};
</script>

在上面的代码中，我使用了 `ref="scrollContainer"` 将父元素引用到 `this.$refs.scrollContainer`，当添加元素后调用 `this.$nextTick`，这样可以确保 DOM 已经更新完毕。然后，我将 `scrollTop` 设置为 `scrollHeight`，这样就可以将父元素滚动到底部。