javascript - 如何从 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更改。理解绑定和“this”

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