滚动Vue.js溢出时触发事件:自动高度:100vh

directives: {
  scroll: {
    inserted: function(el, binding) {
      el.addEventListener('scroll', binding.value);
    }
  }
}

<div v-scroll="handleScroll" style="overflow: auto; height: 100vh;">
  <!-- 滚动内容 -->
</div>

computed: {
  containerHeight: function() {
    return window.innerHeight + 'px';
  }
}

<div v-scroll="handleScroll" :style="{ height: containerHeight, overflow: 'auto' }">
  <!-- 滚动内容 -->
</div>

// Vue组件中的代码
directives: {
  scroll: {
    inserted: function(el, binding) {
      el.addEventListener('scroll', binding.value);
    }
  }
},
computed: {
  containerHeight: function() {
    return window.innerHeight + 'px';
  }
}

<!-- Vue模板中的代码 -->
<div v-scroll="handleScroll" :style="{ height: containerHeight, overflow: 'auto' }">
  <!-- 滚动内容 -->
</div>