Vuejs - 輸入時，運行一個函數（但有一個延遲）

Question

我有一個輸入字段，並且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)
}

Answer 1

試試這個：

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

Answer 2

或沒有箭頭功能：

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