滚动时隐藏 VueJs 中的元素

Question

我正在做vue项目

我想在鼠标滚动时隐藏一些组件，但是当滚动结束时，又想显示组件。
我知道使用滚动事件，但同样没有显示组件。

    <div class="table" @scroll="handleScroll()">
    .....
    </div>
    ....
    <div class="table" id="sumTable">

....
    </div>
.....
    methods: {
    handleScroll() {
        $('#sumTable').hide();
    },
  }

这在 vue 中可行吗？

Answer 1

我解决了这个问题。

            handleScroll() {
                if(this.timer !== null) {
                    clearTimeout(this.timer);
                    $("#sumTable").hide();
                }
                this.timer = setTimeout(function() {
                    $("#sumTable").show();
                }, 150);
            },

应用了计时器变量。