Как получить доступ к данным компонента из метода события flatpickr?

Question

В настоящее время я использую vue-flatpickr-component , чтобы создать более приятные поля ввода даты.Теперь у меня есть метод onClose () (см. Код ниже) для проверки правильности введенной даты.

Я удалил большую часть кода, чтобы сделать его более читабельным.

Если оно недопустимо, следует изменить логическое значение на true, но я не могу получить доступ к значению в данных из метода onClose.Кто-нибудь знает, как я могу это сделать?Спасибо

export default {
  components: {
    flatPickr
  },
  data () {
    return {
      invalidDate: false,
      datepickerConfig: {
        wrap: true,
        altInput: true,
        allowInput: true,
        onClose () {
          // Set invalidDate to true
        }
      }
    }
  }
}

Answer 1

Чтобы получить доступ к вашему объекту данных из функции onClose(), вам нужно преобразовать его в функцию стрелки, поскольку контекст this изменился. Понимание связывания и «это»

...
onClose: () => {
   this.invalidDate = true;
}
...