vue实现往页面动态添加内容 当滚动条在底部时才触发自动滚动到底部否则不触发

可以通过监听滚动事件来实现这个功能。

首先，需要在Vue的`mounted`生命周期函数中给滚动容器绑定一个滚动事件监听器：

mounted() {
  this.$refs.scrollContainer.addEventListener('scroll', this.handleScroll)
}

接下来，我们需要编写`handleScroll`函数来判断滚动条是否到达了底部：

methods: {
  handleScroll() {
    const container = this.$refs.scrollContainer
    const atBottom = container.scrollTop + container.clientHeight === container.scrollHeight
    if (atBottom) {
      this.autoScrollToBottom()
    }
  },
  autoScrollToBottom() {
    // 滚动到底部的代码
  }
}

在`handleScroll`函数中，我们首先获取滚动容器的高度、滚动条的位置以及滚动内容的高度，然后判断当前滚动是否到达底部，如果是，则调用`autoScrollToBottom`函数进行自动滚动到底部的操作。

最后，我们需要在组件销毁时解除滚动事件监听器的绑定：

beforeDestroy() {
  this.$refs.scrollContainer.removeEventListener('scroll', this.handleScroll)
}

这样，当用户滚动到底部时，就会自动触发滚动到底部的操作，否则不会执行。