javascript - Vuejs-在输入时，运行一个函数(但有延迟)

我有一个输入字段，v-on:input运行一个名为activate的方法，如下所示:

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

isHidden打开/关闭某些图标(此数据属性到底有什么关系不大；我只是出于示例目的使用它)。

因此，当前，当用户执行input时，它会立即打开activate功能。有没有办法通过setTimeout延迟一下？我已尝试执行以下操作，但不起作用:

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

最佳答案

试试这个:

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