vueJS, timeout not wating for timer

Question

I am trying to setup a simple timeout in vue.JS but somehow it seems that the waiting time is not working as my parse function is triggered immediately instead of 5 seconds later

props: {
        url:String
    },
    data(){
        return{
            typingTimer:null,
            doneTypingInterval: 5000
        }
    },
methods: {
        parseTimeout(url){
            clearTimeout(this.typingTimer);
            this.typingTimer = setTimeout(
                this.parse(url),
                this.doneTypingInterval
            );
        },
        parse(url){
           console.log('triggered')
        },
},
watch: {
    url(){
        this.parseTimeout(this.$props.url)
    }
}

dimas · Accepted Answer · 2019-04-20 20:22:03Z

3

You are calling this.parse(url) but you need to pass function https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout

          this.typingTimer = setTimeout(
           () => this.parse(url),
            this.doneTypingInterval
        );

answered Apr 20, 2019 at 20:22

dimas

3892 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

vueJS, timeout not wating for timer

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related