Как отменить setTimeout в vue методах?

Question

У меня есть наложение, вызванное setTimeout в v-on: mouseover = "showOverlay" . Я хорошо работаю.

        showOverlay() {
            this.timeout = setTimeout(() => {
                this.overlay = true
            }, 1000)
        },

Я хочу отменить тайм-аут, когда мышка вышла. Я пробовал clearTimeout в v-on: mouseleave = "hideOverlay".

        hideOverlay() {
            clearTimeout(this.timeout)
        },

Вот мой шаблон:

        <a v-on:mouseover="showOverlay" v-on:mouseleave="hideOverlay">
            something...
        </a>

        <v-overlay :value="overlay" v-on:mouseover="overlay = false">
            something...
        </v-overlay>

Answer 1

Я нахожу такое решение. Я добавил условие в тайм-аут. Но это чистое решение? idk.