vue 监听某个div垂直滚动条下拉到底部的方法

在Vue中监听某个div垂直滚动条下拉到底部可以使用以下方法：

1. 首先，给该div绑定一个滚动事件，在`mounted`钩子中添加`addEventListener`方法，监听滚动事件。

mounted() {
  const targetDiv = document.getElementById('yourDivId');
  targetDiv.addEventListener('scroll', this.handleScroll);
},

2. 在该组件中，创建一个`handleScroll`方法，用来处理滚动事件。获取当前div的滚动高度、div的总高度以及窗口的可见高度。根据这些信息，判断滚动条是否滚动到了底部。

methods: {
  handleScroll() {
    const targetDiv = document.getElementById('yourDivId');
    const scrollTop = targetDiv.scrollTop;
    const scrollHeight = targetDiv.scrollHeight;
    const clientHeight = targetDiv.clientHeight;
    
    if (scrollTop + clientHeight >= scrollHeight) {
      // 滚动到底部的操作
      console.log('滚动到底部');
    }
  }
},

3. 在组件销毁的时候，记得移除该监听事件，以防止内存泄漏。

beforeDestroy() {
  const targetDiv = document.getElementById('yourDivId');
  targetDiv.removeEventListener('scroll', this.handleScroll);
}

通过以上步骤，我们可以实现对某个div的垂直滚动条下拉到底部的监听。在滚动到底部时，可以进行相应的业务操作。