vue3-date-time-picker 不会触发 @click 事件

【问题标题】：vue3-date-time-picker does not trigger @click eventvue3-date-time-picker 不会触发 @click 事件
【发布时间】：2022-01-02 21:39:42
【问题描述】：

jetstream 应用程序我已经使用以下代码安装了 vue3-date-time-picker

<Datepicker :disabledDates="disabledDates"  @click="doSomething" v-model="date" inline autoApply :minDate="new Date()" :maxDate="maxdate" :enableTimePicker="false"></Datepicker>

   setup() {
            const date = ref();
            var today = new Date();
            const mxdate = new Date(today.getFullYear(), today.getMonth()+2, today.getDate())
                
            return {
                    date,
                    maxdate
                }
        },
methods: {

        doSomething(){
            alert(this.date)
            alert("hello")
            console.log("Check date")
        },
      }

当我单击特定日期时，我希望它调用 doSomething() 方法，但没有任何反应，触发器也不起作用。也没有显示错误。怎么办？我错过了什么吗？

【问题讨论】：

标签： laravel vue.js vuejs3 jetstream

【解决方案1】：

此库没有可用的 @click 事件。要列出所有可用事件，请查看他们的文档here

但是您可以这样做，因为已经有与date 的双向绑定

<Datepicker model="date" ...></Datepicker>

您可以观察date 的变化，这可能等于@click 事件（如果您需要在日期变化时采取一些措施）

// add import
import { watch } from "vue";

// then inside setup
watch(data, (newDate, prevDate) => {
  /* ... */
})

【讨论】：