Vue2 如何在自定义组件中使用屏蔽输入库

如何解决Vue2 如何在自定义组件中使用屏蔽输入库

我想要实现的是在 DateInput 中具有与常规输入（沙盒中的第二个）相同的屏蔽输入功能。

<DateInput
      placeholder="dd-mm-yyyy"
      v-model="date"
      :disabled="false"
      @setSelectedDate="setSelectedDate"
      mask="'##-##-####'"
    />

父组件的简化js部分

data() {
    return {
      date: "",dateMask: "",};
  },methods: {
    open() {
      console.log("open it");
    },setSelectedDate(date) {
      console.log(date);
      this.date = date;
    },},

codeandBox 上的简化版本，其中带有 v-mask 标签的输入是带有 v-model 的单个组件，而 v-mask library 是自定义元素，这不起作用。

https://codesandbox.io/s/vue-birthpicker-2rtw0?file=/src/App.vue