Vuejs - 输入时，运行一个函数（但有一个延迟）

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);
  }
}

Answer 2

Or without arrow function:

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