Vuejs - 입력 시 기능 실행(지연 있음)

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

화살표 기능이 없는 경우:

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

언급URL : https://stackoverflow.com/questions/42511311/vuejs-on-input-run-a-function-but-with-a-delay