Vuejs - On input, run a function (but with a delay)

Question

I have an input field, and v-on:input it runs a method called activate that looks like this:

export default: {
    data() {
        return {
            isHidden: true
        }
    },
    methods: {
        activate() {
            this.isHidden = false;
        }
    }
}

isHidden turns on/off some icon (it doesn't really matter what this data property is; I'm just using it for example purposes).

So currently, when a user does an input it immediately turns on the activate function. Is there a way to, perhaps, put it on a delay via setTimeout? I've tried doing the following but it doesn't work:

methods: {
    setTimeout(function() {
        activate() {
            this.isHidden = false;
        }
    }, 500)
}

Answer 1

Try this:

methods: {
  activate() {
    setTimeout(() => this.isHidden = false, 500);
  }
}