如何从 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 的上下文已更改。 Understanding binding and 'this'

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

如何从 flatpickr 事件方法访问组件数据？

How to access component data from flatpickr event method?

javascript

vue.js

flatpickr