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

【问题标题】：How to access component data from flatpickr event method?如何从 flatpickr 事件方法访问组件数据？
【发布时间】：2018-12-03 14:01:47
【问题描述】：

我目前正在使用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
        }
      }
    }
  }
}

【问题讨论】：

标签： javascript vue.js flatpickr

【解决方案1】：

要从onClose() 函数内部访问您的数据对象，您必须将其转换为箭头函数，因为this 的上下文发生了变化。 Understanding binding and 'this'

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

【讨论】：