Vue.js duet picker未与Ionic 5/Vue 3一起工作的duet Change事件

我正在离子5/Vue 3应用程序中使用。的事件侦听器不适用于我

以下是我的代码片段：

<duet-date-picker @duetChange="handleInput($event)"identifier="date" :localization.prop="localisation" direction="left"></duet-date-picker>


handleInput(e: any) {
      console.log("e", e);
      this.$emit("input", this.content);
    }

这是添加事件侦听器的正确方法还是我遗漏了什么

下面是代码沙盒链接：

---

TIA

我尝试在Vue代码沙盒中使用duetDatePicker，效果如下：

<duet-date-picker
  @duetChange="handleInput"
  identifier="date"
  :localization.prop="localisation_uk"
>

除上述内容外，我的methods对象还包含

handleInput

函数声明

---

查看codesandbox中的

App.vue

文件以了解详细信息。

我能够让它以旧的方式工作

    onMounted(() => {
      // Select the date picker component
      const date = document.getElementById("date-picker");

      // Listen for when date is selected
      date.addEventListener("duetChange", function (e) {
        console.log("selected date", e.detail.valueAsDate);
      });
    });

谢谢分享！我想这是VUE2的，检查我的代码沙盒链接：什么不工作@AdityaSharma当我点击你的代码沙盒链接时，我可以选择一个日期，请更具体一些

    onMounted(() => {
      // Select the date picker component
      const date = document.getElementById("date-picker");

      // Listen for when date is selected
      date.addEventListener("duetChange", function (e) {
        console.log("selected date", e.detail.valueAsDate);
      });
    });

  <duet-date-picker id="date-picker"
    @duetChange="handleInput"
    identifier="date"
    :localization.prop="localisation_uk"
  >