Почему у меня маска не работает в компоненте?

Question

[Руслан Абсалямов]

Я взял компонент https://github.com/ankurk91/vue-flatpickr-component за основу, но там невозможно добавить маску маску я делаю с помощью этой либы https://www.npmjs.com/package/v-mask, и я решил взять компонент даты и попытаться добавить маску. Компонент появился и появился тег data-mask но он не обрабатывается, там можно что угодно вводить.
В примере с песочницей, там неправильно отображается, но весь код можно посмотреть, как я его реализовывал https://codesandbox.io/embed/k2jn4jox7o?fontsize=14

render(el) {
    return el("input", {
      attrs: {
        type: "text",
        "data-input": true
      },
      directives: [
        {
          name: "mask",
          value: "##.##.####"
        }
      ],
      props: {
        disabled: this.disabled
      },
      on: {
        input: this.onInput
      }
    });
  },

Comments

[Alex]

Это не совсем ответ, но для этой задачи достаточно использовать нативное поле даты. Масу, и интерфейс управления браузер добавит самостоятельно В зависимости от устройства на котором это поле рендерится

<input type="date" min="2017-04-01" max="2017-04-30">

https://developer.mozilla.org/ru/docs/Web/HTML/Ele...

Answer 1

[0xD34F]

Да потому что

v-model is required

Соответственно, добавьте вашему input'у

domProps: {
  value: this.value,
},