滾動時隱藏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);
            },

應用計時器變量。