Example of how to use vue-the-mask with antd

[Pacheco95]

Example of how to use vue-the-mask with antd

[Pacheco95]

In a more reusable way

// masked-input.vue
<template>
  <InputMask class="ant-input" :value="value" :mask="mask" @input="change" />
</template>

<script lang="ts">
import { Component, Vue } from 'nuxt-property-decorator'
import { Emit, Model, Prop } from 'vue-property-decorator'
import { TheMask } from 'vue-the-mask'

@Component({
  components: {
    InputMask: TheMask,
  },
})
export default class MaskedInput extends Vue {
  @Prop({ type: [String, Array], required: true })
  readonly mask!: string | string[]

  @Model('change', { type: String })
  readonly value!: string

  @Emit()
  change(value: string) {
    return value
  }
}
</script>