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事件方法访问组件数据？

1 个答案: