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

Question

我有一个输入字段，activate它运行一个名为export default: { data() { return { isHidden: true } }, methods: { activate() { this.isHidden = false; } } } 的方法，如下所示：

isHidden

input打开/关闭某个图标（这个数据属性并不重要;我只是出于示例目的使用它。）

目前，当用户执行activate时，它会立即启用setTimeout功能。是否有办法通过methods: { setTimeout(function() { activate() { this.isHidden = false; } }, 500) } 延迟延迟？我尝试过以下操作，但它不起作用：

{{1}}

Answer 1

试试这个：

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

Answer 2

或没有箭头功能：

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